数据可视化
16篇文章 · 0订阅
  • Canvas 从入门到劝朋友放弃（图解版）
    ✨ 在前端领域，如果只是懂 `Vue` 或者 `React` ，未来在职场的竞争力可能会比较弱。 根据我多年在家待业经验来看，前端未来在 `数据可视化` 和 `AI` 这两个领域会比较香。
    Canvas 前端
    Canvas 从入门到劝朋友放弃（图解版）
  • 数据可视化探索之 SpreadJS
    一、前言 数据可视化包含三个分支：科学可视化、信息可视化、可视分析。 1、科学可视化主要关注的是三维现象的可视化，如建筑学、气象学、医学或生物学方面的各种系统。重点在于对体、面以及光源等等的逼真渲染，
    数据可视化 前端
    数据可视化探索之 SpreadJS
  • 前端都是手写ECharts ?
    一、自定义的必要性     绘制的底层是强大的,我们所用的各端语言只是在现代UI追求的步伐中和用户喜好的交互中求同存异，抽取封装出自成个性风格的UI控件,当然面对万亿级别的客户各个平台的UI库出也不可
    JavaScript
    前端都是手写ECharts ?
  • 从零开发一款可视化大屏制作平台
    几个月前开源的H5页面制作平台H5-Dooring 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring. 接下来笔者就来带大家一起看看我们的方案设计和技术实现. 在介绍之前, 我们先看看实现的效果展示. 目前很多企业或多或少的…
    数据可视化 JavaScript
    从零开发一款可视化大屏制作平台
  • 【🎨万物皆可动】详解Canvas路径动画
    拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…
    前端 Canvas
    【🎨万物皆可动】详解Canvas路径动画
  • 如何用G2构建简单易用的图表库？| 🏆 技术专题第三期征文 ......
    17年底 G2 3.0 正式发布开源，我们部门决定将可视化图表库的底层框架统一为 G2，替换掉内部野蛮生长的 Echarts、Highcharts 等。 我们部门面向中后台业务，可视化图表是强需求。开发者涵盖对可视化不熟悉的前端开发，后端开发，合作伙伴开发等等。让大家都从零开始…
    数据可视化 前端
    如何用G2构建简单易用的图表库？| 🏆 技术专题第三期征文 ......
  • 初识three.js，搭建three.js+vue.js项目
    简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…
    Vue.js JavaScript WebGL
  • SVG Path路径在网页开发的作用
    SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 1. 做路径动画 利用animateMotion结合path做的动画，具体说明可见上文。 2. 实现不规则形状的点击…
    CSS 前端 SVG
  • 基于 D3.js 绘制动态进度条
    我们经常使用svg或canvas来实现动态图形的绘制，但绘制过程相对较繁琐。对于直观漂亮的进度条，社区也有提供成熟的方案例如highcharts/ECharts等等，但基于配置的开发方式终究无法实现100%的自定义绘制。本文将带你使用D3.js从零一步一步实现动态进度条，并分享…
    前端 SVG d3.js
    基于 D3.js 绘制动态进度条
  • 初识 three.js 的故事
    提到 Three.js，就必须说一下 OpenGL 和 WebGL。 OpenGL 大概许多人都有所听闻，它是最常用的跨平台图形处理开源库。 WebGL 就是基于 OpenGL 设计的面向 web 的 3D 图形标准，它提供了一系列 JavaScript API，通过这些 API 进行图形渲染，系统硬件会加速 3D 渲染，从而获得较高性能。 而 Three.js 是 JavaScript 编写的 WebGL 第三方库，通过对 WebGL 接口的封装与简化而形成的一个易用的图形库。
    three.js JavaScript Vue.js
    初识 three.js 的故事