
前端可视化
文章平均质量分 95
前端数据可视化工具、各种图表绘制和前后端数据传输
身价五毛
你永远不知道你的对手正在做什么
展开
-
Ajax请求django返回json数据到前端
功能说明:Ajax请求接口,Django框架下从该接口接收Ajax发送的json数据,同时将新的json数据返回给Ajax,Ajax收到后在js进行处理,然后和页面内容交互。整个数据前后端交互全部采用json格式。运行环境:后端:python3.7、Django2.2前端:html+js+jquery3.1.1全部代码:urls.py:完成在Django框架下的url映射...原创 2019-04-22 13:34:17 · 11051 阅读 · 10 评论 -
通过雷达图获取用户输入并上传数据到后台
功能说明html前端页面展示模仿Echarts的雷达图(六维蛛网图),用户在雷达图上点击图上节点改变在六个维度上的权重数据,同时将改变后的结果显示在网页前端,并将数据传回服务器。前端效果图技术方案前端使用html+css+js,绘制雷达图使用canvas,数据处理与前端展示通过js处理,向服务器发送数据使用ajax,服务器后台使用python3.7+Django框架。代码实...原创 2019-04-13 11:05:29 · 1706 阅读 · 0 评论 -
在Arcgis地图上绘制Echarts热力图(Heatmap)
现如今,Echarts在数据可视化方面早已升入化境,已经不再拘泥于简单的饼图柱状图,已然从平面直角坐标系,扩展到了极坐标系和地理坐标系等等。 随着地图的使用越来越广泛,统计图与地图结合的展示方式更加直观,也更有视觉冲击力。目前Echarts使用的是百度地图,也可以自己注册想要的地图(GEOJSON格式),但终究不是在自己的地图上进行统计图的绘制,对于那些基于地图开展业务的系统来...转载 2019-04-22 11:14:30 · 5209 阅读 · 1 评论 -
前端数据可视化插件(一)图表
在大数据时代,很多时候我们需要在网页中显示数据统计报表,从而能很直观地了解数据的走向,开发人员很多时候需要使用图表来表现一些数据。随着Web技术的发展,从传统只能依靠于flash、IE的vml,各个浏览器尚不统一的svg,到如今规范统一的canvas、svg为代表的html5技术,表现点、线、面要素的技术已经越来越规范成熟。我把前端数据可视化分为了五种:图表 图谱 地图 关系图 立体图...转载 2019-04-12 20:50:08 · 5273 阅读 · 0 评论 -
前端数据可视化插件(二)图谱
继图表插件,再来分享9款图谱插件crossfilter url:http://square.github.io/crossfilter/ github:https://github.com/square/crossfilter browser:官方未说明 resume:一个可以操作大型、多元数据集的库,帮助数据分析。 d3js url:http://d3js.org/ gi...转载 2019-04-12 20:50:53 · 722 阅读 · 0 评论 -
前端数据可视化插件(三)地图
继图谱插件之后,下面分享6款地图插件Kartograph url:http://kartograph.org/ github:https://github.com/kartograph/kartograph.py browser:InternetExplorer7+,chrome,Firefox resume:GregorAisch开发的一个基于JavaScript和Python...转载 2019-04-12 20:51:24 · 1328 阅读 · 0 评论 -
前端数据可视化插件(四)关系图
现在来分享9款关系图插件arborjs url:http://arborjs.org/halfviz/#/a-new-hope github:https://github.com/samizdatco/arbor browser:IE6+,chrome,firefox resume:基于jQuery的图谱可视化库,对于高版本的浏览器这个库使用了HTML的canvas元素 cub...转载 2019-04-12 20:51:57 · 3227 阅读 · 0 评论 -
前端数据可视化插件(五)立体图
这是前端数据可视化最后一种,立体图。下面分享4款立体图插件PhiloGL url:http://www.senchalabs.org/philogl/ github:https://github.com/senchalabs/philogl browser:支持webGl的浏览器 resume:基于webGl的绘制3D图形的插件 Three.js url:http://mrd...转载 2019-04-12 20:52:29 · 1128 阅读 · 0 评论