数据可视化
4篇文章 · 0订阅
  • 前端可视化——SVG矢量图技术
    1、SVG 是一种绘图技术，SVG 的全名叫可缩放矢量图形（Scalable Vector Graphics）。 2、SVG 使用 XML 格式定义图像。 3、可伸缩，不失真。 他是标准的 XML 文档结构。 1、xml申明。 2、DOCTYPE申明。dtd是一种约束 xml …
    数据可视化
    前端可视化——SVG矢量图技术
  • 前端可视化——Canvas
    1、canvas元素替换内容。 Canvas 绘制图形的基础，就是它自身的栅格 (grid) 对应着坐标空间。 fillRect：绘制一个填充的矩形。 strokeRect：绘制一个矩形的边框。 clearRect：清除指定的矩形区域。 图形的基本元素是路径。 创建一个路径的起…
    Canvas
  • 【D3.js 入门系列一】从零开始绘制一个柱形图
    D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。 D3 提供了各种简单易用的函数，大大简化了 JavaScript 操…
    JavaScript 前端 SVG
    【D3.js 入门系列一】从零开始绘制一个柱形图
  • svg、canvas、css3d实现数据可视化（伪3D效果）
    这次项目用到了一些自定义的数据可视化组件，我把我做的部分抽出来几个典型做个汇总。 有些图片（例如下面这个jpg动图）太大，进行了一定程度的压缩，有点模糊（＾_＾）。 改进版：大小和亮暗用gap控制，近大远小，近亮远暗。 这篇文章画的是angle一个纬度，只要再增加另外一个纬度r…
    前端 SVG 数据可视化
    svg、canvas、css3d实现数据可视化（伪3D效果）