LAOKE1997

@LAOKE1997·3 public vizzes

Untitled

This chart visualizes the popularity of research topics over time using a stacked area chart with a silhouette offset. The visualization uses d3.layout.stack, d3.svg.area, and d3.time.scale to render SVG paths with cardinal interpolation, while d3.svg.axis displays the x and y axes. Interactive features include tooltips on mouseover that show topic values, hover highlighting that dims other layers, and a vertical guide line that follows the cursor. Data comes from a comma-separated CSV file loaded with d3.csv.

Sep 9, 2021

Loading thumbnail…

Untitled

This interactive stacked area chart displays the changing values of multiple categories over time, using the D3.js library (version 2) with SVG rendering and animations. The chart employs a silhouette offset layout to visualize data from a CSV file, with color-coded layers representing different groups. Hovering over a layer highlights it and shows a tooltip with the category name and its specific value, while mouse movement on the chart also triggers a vertical guideline.

Sep 9, 2021

Loading thumbnail…

Untitled

This visualization shows how multiple data series change over time using a streamgraph with a silhouette offset, where each colored area represents a different category. The chart loads CSV data from a GitHub repository and displays it as stacked areas with a diverging y-axis centered around zero. The code uses d3.scaleLinear for axes, d3.scaleOrdinal for the categorical color palette, and d3.stack with d3.stackOffsetSilhouette to compute the layered areas, which are rendered as SVG paths using d3.area.

Sep 1, 2021