Zeeshan

@iamzee·2 public vizzes

Bar Chart Basic

A horizontal bar chart displays population figures for ten countries, using data from a local CSV file. The chart initializes D3 via a CDN and employs D3's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` modules to map population values to bar lengths and country names to vertical positions. Bars render as SVG rectangles with a steelblue fill. Axis tick labels are formatted with `format('.3s')`, converting large numbers into readable values with "B" suffixes.

Jan 24, 2021

Loading thumbnail…

Fork of Hello VizHub

This example shows a simple smiling face rendered as SVG, demonstrating basic D3 shape generation and element manipulation. The code uses D3 v5 via UNPKG, importing `select` and `arc` from the local module system. It constructs a yellow circle for the face, black circles for eyes, and a mouth path built with the `arc` generator on a 960×500 SVG canvas. The visualization also includes a background color style and serves as a minimal illustration of importing both D3 and local ES6 modules.

Jan 24, 2021