Jonathan Liu

@jtsliu·2 public vizzes

Simple Bar chart

This example shows a horizontal bar chart of fruit values sorted in ascending order. The chart uses D3 v3 with SVG rendering, mapping each fruit name to a y-axis position using `d3.scale.ordinal` and each value to a bar width via `d3.scale.linear`. The y-axis is drawn with `d3.svg.axis`, and bars are rendered as SVG `rect` elements with a label text appended to each bar.

Feb 5, 2020

Loading thumbnail…

Tree Example

An interactive tree diagram displays hierarchical data with collapsible nodes, marking leaf nodes and internal nodes distinctly with text labels. Clicking a node toggles its child branches, with animated transitions repositioning nodes and links. The visualization uses D3.js 3.5.17, SVG rendering, and React via the VizHub framework, building the tree via `d3.layout.tree` and drawing curved diagonal links with `d3.svg.diagonal`.

Feb 5, 2020