johnni2

@johnni2·2 public vizzes

Countries Population Visualization

This visualization shows the population of various cities using a horizontal bar chart, with each bar’s length proportional to the city’s population. The data is loaded from a CSV file and rendered as SVG rectangles using D3 v5’s `scaleLinear`, `scaleBand`, and `csv` methods. The chart displays the city names on the y-axis and population values on the x-axis, with bars styled without axis labels or gridlines.

Jul 29, 2023

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the minimal setup required to begin building with D3 version 7, rendering the text “Hello D3 version 7” in the center of the page. It uses the `select` function from the d3 library to target the `body` element and set its text content. The page loads d3 v7.8.5 from a CDN and applies CSS styling that enlarges the body’s font size to 13em. The code is split between an `index.html` file that references the D3 script and a separate `bundle.js` file containing the application logic.

Jul 29, 2023