Afnan Nazir

@hmafnan·2 public vizzes

Dashboard of World Population

This dashboard visualizes the population of the top ten countries, showing both a bar chart and a scatter plot of the most recent population figures alongside an interactive line chart that displays population trends over time. Users can select a country from a dropdown menu to focus on its historical data. Built with D3.js, it uses `scaleLinear`, `scaleBand`, and `scalePoint` to render SVG elements, with animation supported. The population data originates from the World Bank and spans from 1960 onward.

Jan 28, 2020

Loading thumbnail…

Temperature in San Francisco (Line)

A dropdown menu lets users select a country, and a line chart displays that country’s population over time. The visualization uses D3.js to parse CSV data, render SVG axes and paths, and animate transitions between selections. A categorical color scale from `d3-scale-chromatic` assigns a distinct stroke color to each country’s line, while `d3.scaleLinear` maps years and population values to coordinates. The interface updates the line via a `transition` when the selection changes.

Jan 28, 2020