Heschmat

@heschmat·2 public vizzes

Making a Bar Chart

This bar chart visualizes the populations of the top 10 most populous countries using 2018 United Nations data. It uses d3.scaleLinear for the x-axis population scale, d3.scaleBand for the categorical y-axis, and renders as SVG. The code loads data from a CSV via d3.csv, converts population values to thousands, and appends axis components with d3.axisLeft and d3.axisBottom to a transformed group.

Dec 1, 2018

Loading thumbnail…

Untitled

This line chart displays one week of temperature in degrees Celsius for San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization renders a maroon line path over a steelblue scatter of circular data points, with axis ticks and labels styled via CSS. The code uses D3’s `select` and `csv` to load a separate data file, though it currently only logs the parsed data to the console, leaving the visual elements static placeholders without bound values.

Dec 1, 2018