摘要:WebGL WebGL(Web Graphics Library)是一种 3D 绘图协议,WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建复杂的导航和数据视觉化。 WebGL 案例分享 案例1
阅读全文
摘要:入门案例:绘制点、矩形、直线和圆形 <!DOCTYPE html> <html> <head> </head> <body> <svg width="800" height="800"> <rect width="50" height="50" style="fill:red;stroke-widt
阅读全文
摘要:canvas canvas 是 HTML5 的新特性,它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。 入门案例:绘制点、矩形、直线和圆形 <!DOCTYPE html> <html> <head> </head> <body> <canvas id="canvas"
阅读全文
摘要:数据可视化解决方案 前端数据可视化解决方案如下: Skia Skia 是 Chrome 和 Android 的底层 2D 绘图引擎,具体可参考百度百科,Skia 采用 C++ 编程,由于它位于浏览器的更底层,所以我们平常接触较少 对底层绘图感兴趣的同学可以从这个案例入手,了解一下 C++ 的可视化编
阅读全文
摘要:分为四个主要阶段:基础阶段、数据报表项目、数据大屏项目和移动报表项目. 数据可视化应用场景 什么是数据可视化? 基本概念 TIP 数据可视化,是关于数据视觉表现形式的科学技术研究 这个概念向我们传达了两个信息: 数据可视化是一门学科 数据可视化与数据和视觉有关 数据可视化简单理解,就是将数据转换成易
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script> <style> #chart
阅读全文
摘要:ECharts 入门 入门案例:销售柱状图 https://book.youbaobao.xyz/datav-res/examples/test-echarts.html <!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.
阅读全文
摘要:canvas canvas 是 HTML5 的新特性,它允许我们使用 canvas 元素在网页上通过 JavaScript 绘制图像。 在canvas 上绘制的图像不是DOM元素,不能进行DOM操作,只能选中整个canvas 画布。 入门案例:绘制点、矩形、直线和圆形 <!DOCTYPE html>
阅读全文