Skip to main content
Log in
M

Maldewar

@braunschweig·4 public vizzes

Loading thumbnail…

Fork of Bar Chart

This fork of a bar chart visualizes global video game sales by genre, using data loaded from a CSV file. D3 v6 APIs such as `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` construct the chart within an SVG, while mouseover and mouseout events trigger `transition` animations that change bar fill from steelblue to orange. The chart includes labeled axes for genre and global sales, with bars rendered via `selectAll` and data joins.

May 23, 2022
Loading thumbnail…

Fork of Electric Bar Chart Using d3.stack

A stacked bar chart displays two years of personal electricity consumption across three residential accounts, with each monthly bar segmented by account and colored via `d3-scale-chromatic`. The visualization uses `d3.stack` to transform the grouped CSV data into stacked series, then renders SVG rectangles scaled by `scaleBand` and `scaleLinear`. Axes are annotated with rotated labels, and hovering highlights bars while a `<title>` element shows individual segment kilowatt-hours. Green and blue account colors are assigned through `scaleOrdinal`, and the chart includes a legend for the three account numbers.

May 23, 2022
Loading thumbnail…

Fork of Monthly Deaths in Syria

This bar chart shows the monthly count of documented deaths in Syria from 2011 to June 2019, with a hovering tooltip revealing the exact number per month. Each bar’s height encodes the death toll, allowing comparisons of peaks and trends across the conflict. The visualization uses the D3 v4 API, including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data aggregated from the Violations Documentation Center in Syria via a Node.js script. The tooltip is rendered with the `d3-tip` library, and the chart is drawn as SVG rectangles.

May 23, 2022
Loading thumbnail…

Fork of Monthly Deaths in Syria

This bar chart shows the monthly count of documented deaths in Syria from 2011 to June 2019, with a hovering tooltip revealing the exact number per month. Each bar’s height encodes the death toll, allowing comparisons of peaks and trends across the conflict. The visualization uses the D3 v4 API, including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with data aggregated from the Violations Documentation Center in Syria via a Node.js script. The tooltip is rendered with the `d3-tip` library, and the chart is drawn as SVG rectangles.

May 23, 2022