jimdb8687

@jimdb8687·3 public vizzes

Fork of Line Chart with Multiple Lines

This visualization displays one week of temperature data from cities worldwide as multiple smooth, overlapping lines, with a color legend identifying each city. It uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `scaleOrdinal`, `line` with `curveBasis`, `nest`, and a custom `colorLegend` component. The SVG rendering includes gridlines, labeled axes, and a title. Data originates from the Data Canvas - Sense Your City dataset, loaded via `csv` and processed into JavaScript `Date` and numeric values.

Mar 2, 2021

Loading thumbnail…

Fork of Antisemitismus in Österreich

This visualization shows the number of antisemitic incidents in Austria from 2008 to 2019, highlighting a notable increase in recent years. It uses a line chart to display the trend over time, with individual data points marked as circles and hover tooltips providing exact values. The chart is built using React (v16.9) and D3 (v5) with SVG rendering, employing `scaleTime`, `scaleLinear`, `line`, and `curveNatural` to generate the visual elements. The data source is the IKG Vienna antisemitism report, and the subtitle provides context about the rise being partly due to increased awareness.

Feb 23, 2021

Loading thumbnail…

D3-Learning

This example shows a line chart tracking monthly rankings and counts for various board games in BoardGameGeek’s data. The visualization uses D3.js v3 to render separate lines for each game’s count and rank over time. The code imports the full `d3` module in `index.js` and relies on standard D3 scales, axes, and line generators to plot the data from an external CSV file. The chart highlights trends in popularity and competitive positioning across the observed period.

Feb 19, 2021