JS 库
GXing007
这个作者很懒,什么都没留下…
展开
-
D3.js 初涉
D3.js是用来操作基于数据得文档得javascript库,D3能够帮助你使用html,css,和svg来呈现数据。D3重视web标准,同时给予你现代浏览器得所有功能,因此,你无需适用一个专有得框架,同时整合了强大得可视化部件和一个基于数据驱动得方法去操作DOM对象。D3允许你绑定任意的数据到一个DOM对象中,然后绑定一些数据驱动的事务在这个文档上,例如,你可以用d3从一个数组中生成html的...原创 2018-08-22 17:31:18 · 253 阅读 · 0 评论 -
利用d3.js绘制一个矩形图表
<template> <div> </div></template><script>import * as d3 from 'd3'export default { mounted(){ let width=400; let height=400; let svg=d3.select('di...原创 2018-10-31 15:57:40 · 1431 阅读 · 2 评论 -
D3.js做一个简单的图表
环境:vue使用:npm install d3 --save-dev(检查是否安装成功在package.json查找d3)然后在组件中引入:import * as d3 from 'd3'柱形图是一种简单的可视化图表,主要有矩形,文字标签,坐标轴所组成。这里只绘制矩形部分,主要讲解如何使用d3在svg中绘图。画布是什么?HTML5提供两种强有力的"画布",SVG和Canva...原创 2018-10-30 13:28:36 · 1143 阅读 · 0 评论 -
D3.js比例尺的作用
比例尺是D3中一个很重要的概念,上一章里提到过直接用数值的大小来代表像素不是一种好的办法,这里正是要解决此问题。为什么需要比例尺?上一章制作了一个柱形图,当时有一个数组:var dataset = [ 250 , 210 , 170 , 130 , 90 ];绘图时,直接使用 250 给矩形的宽度赋值,即矩形的宽度就是 250 个像素。此方式非常具有局限性,如果数值过大或过小...原创 2018-10-30 15:45:30 · 502 阅读 · 0 评论 -
d3-V5 力引导布局实例图
环境vue组件中 <template> <div> <svg width="960" height="600"></svg> </div></template><script>/* eslint-disable no-param-reassign原创 2018-11-03 16:46:24 · 3526 阅读 · 0 评论 -
d3-v5 力引导布局进阶,新增图例筛选功能
环境,数据,函数部分请参考 上一篇博客d3-V5 力引导布局实例图,这里仅绘图部分代码 // 新建一个力导向图 this.forceSimulation = d3.forceSimulation() .force('link', d3.forceLink().id(d => d.id)) .force('charge...原创 2018-11-09 11:28:39 · 1268 阅读 · 2 评论 -
项目技术研究-Cornerstone
Cornerstone是一个开源的项目,旨在提供完整的基于web的医学成像平台。此存储库包含Cornerstone Core组件,它是一个轻量级JavaScript库,用于在支持HTML5 canvas元素的现代web浏览器显示医学图像。Cornerstone Core本身并不是一个完整的应用程序,而是可以用作一个更完整的应用程序的组件的组件。Cornerstone Core与用于存储图像像素...原创 2018-11-22 10:37:53 · 444 阅读 · 0 评论 -
项目技术研究Tesseract-MI
基于开源浏览器的医学成像人工智能部署平台Tesseract-MedicalImaging(Tesseract-MI)是一个基于web的平台,可以部署AI模型,同时提供标准的图像查看和报告方案。Tesseract-MI的目标是增强3D成像并在用户请求时候提供第四维AI。Tesseract包括图像查看器,DICOM服务器,报告UI和AI辅助指针,用于按需处理结果。github项目地址基础技...原创 2018-11-21 09:51:56 · 276 阅读 · 0 评论