maavwin

@maavwin·2 public vizzes

Fork of Line Chart with Multiple Lines

This visualization displays a week of temperature measurements from cities worldwide, sourced from the Data Canvas - Sense Your City dataset. It plots multiple lines, one per city, using a basis curve to smooth the temperature trends over time. The chart is built with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `line()` with `curveBasis` for the paths, and `nest()` to group data by city. A color legend is rendered via a custom `colorLegend` component, while axis labels and grid lines are styled with CSS.

Mar 8, 2021

Loading thumbnail…

Fork of Making a Bar Chart

This bar chart displays the populations of the ten most populous countries, using 2018 estimates from the United Nations World Population Prospects. The chart shows population values on a linear scale and countries on a band scale, with custom axis formatting converting values to abbreviated units like billions. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render an SVG, with styled rect elements and labels.

Mar 7, 2021