SVG和D3JS的基础 在此目录中,我共享来自SVG标签和d3js JavaScript库的数据可视化工作。 这是与另外两名学生一起完成的课堂项目,是课堂上所学概念应用的一部分。 该作品包括六个部分: 第1部分:HTML,CSS和JavaSript 在这一部分中,我们将创建一个客户端应用程序,以在桌子上记录公司员工的薪水表。 第2部分:使用SVG和CSS进行形状处理 在这一部分中,我们从一个包含各种形状的文件开始,将它们转换为带有动画的更漂亮的形状。 就像重新整理数据一样! 改造前 改造后 第3部分:使用d3js进行图形制作 在这一部分中,我们使用d3js绘制村庄环境的概述 第4部分:使用d3js进行静态数据加载的简单可视化 在这一部分中,我们用条形图表示2019年塞内加尔总统选举投票结果的分布。 第5部分:数据表示 同样,使用d3js,我们在表格中显示了不同候选人在2019年塞内加
2022-11-17 10:34:54 86KB HTML
1
svg在移动端的应用-手势图片拖动,手势放大缩小,比较方便
2022-11-16 10:30:12 830KB svg 图片拖动 手势 放大缩小
1
SVGclean 通过以下方式清理导出的svg文件: 删除无用的标签和属性。 根据填充属性创建CSS类名称。 安装 从NPM用作命令行应用程序: npm install svgclean -g 从NPM中以编程方式使用: npm install --save svgclean 用法 从终端 svgclean image.svg 或者 svgclean image.svg image-clean.svg 作为Node.js模块 var svgclean = require('svgclean'); // Modify existing file svgclean('image-1.svg'); // Create new file svgclean('image-2.svg', 'image-2-clean.svg'); // Passing a callback svg
2022-11-15 13:19:06 59KB JavaScript
1
html5 svg创意点击拍手点赞按钮动画特效,点击后不但有好看的动画效果,点赞数+1、按钮状态也会改变。
1
继承QGraphicsItem实现的svg矢量图显示,且支持svg矢量图的缩放,拖拽和缩放同时文字等比例变化。
2022-11-11 13:27:50 2.38MB qt
1
使用D3.js进行工资报告虚拟化 该报告的数据于2017年12月,2018年12月和2019年12月从欧洲IT社区收集。特别感谢提供了出色的数据集! 演示版 。 数据集 电子表格中提供了用于绘图的数据: 可用的虚拟化列表 饼形图 可用的分组:性别,城市,资历,语言,公司类型,公司规模; 工具提示显示组中薪资的均值,中位数,第一四分位数和第三四分位数; 条形图 按性别和薪资范围分组的回答; 工具提示显示平均薪水,年度变化以及组中受访者总数的百分比/份额; 箱形图 可用的X轴选项:薪水,加薪 可用的y轴选项:性别,城市,资历,语言,公司类型,公司规模,总经验; 工具提示显示组中薪水的平均值,中位数,第5个百分点,第1个四分位数,第3个四分位数和第95个百分点; 散点图 按性别着色的回答; 缩放和拖动坐标平面; 工具提示包含完整的响应信息。 词云 特征 使用侧面板过滤器按城市,
2022-11-10 22:21:27 283KB visualization javascript d3 svg
1
一款简单的HTML5 SVG绘制卡通玫瑰花动画特效,先用线条勾画出玫瑰花的形状,再生成颜色过程动画。
2022-11-09 18:28:21 9KB 其他代码
1
一款基于SVG和CSS3的动画Tab菜单插件,菜单图标使用SVG绘制而成,切换时还会产生不错的动画效果,还同时会渐变地更新页面的背景颜色,当然如果你觉得太花里胡哨,可以自行修改js代码取消背景颜色的渐变切换。
2022-11-09 18:16:54 3KB html5 Tab菜单栏
1
HTML5 SVG左侧导航管理面板是一款基于JS+CSS3制作的黑色风格左侧分类导航管理面板,带图标文字竖直导航菜单ui布局。
2022-11-09 14:25:35 6KB HTML5 SVG 左侧导航 管理面板
1
SVG系统基于MATLAB控制仿真程序,基于SPWM控制方法
1