朝阳图 用于表示层次结构数据的交互式森伯斯特图,其中树的每个数据节点由多层环中的环形段表示。 单击圆弧可将视图聚焦在关联的子树上,从而可以逐步浏览数据。 单击图表中心将缩小一级,而单击画布会将缩放级别重置为根视图。 该图表还通过将每个节点的圆弧动画化到其新位置来响应数据更改。 默认情况下,圆弧区域与其数据值成线性比例,从而导致外层厚度以二次方的方式减小。 但是,可以使用radiusScaleExponent方法自定义。 为了提高性能,将小于给定阈值( minSliceAngle )的弧从DOM中排除,从而允许在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构,请参见。
2022-09-30 20:55:53 257KB chart data-visualization hierarchical-data d3js
1
冰柱图 冰柱图也称为分区图或火焰图,它可视化分层数据结构,其中树的节点由根据其深度逐渐布置的相邻矩形表示。 节点级别的轴向支持四种定向模式:自上而下,自下而上,从左至右和从右至左。 通过鼠标滚轮事件或单击节点,可以在节点跨轴方向上进行缩放交互,从而可以逐步浏览数据。 单击节点可缩放视图,以便该节点占用可用的全部宽度。 单击图表的背景可将缩放重置为其初始位置。 该图表还通过将每个节点的尺寸动画化到其新位置来响应数据更改。 为了提高性能,将宽度小于给定阈值( minSegmentWidth )的节点从DOM中排除,从而可以在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构,请参见。 又见,和图表。 快速开始 import Icicle from 'icicle-chart'; 或者 const Icicle = require('icicle-chart'); 甚至 <
1
scikit-hts:使用熟悉的API进行分层时间序列预测
1