Kwong-Yuankit

@Kwong-Yuankit·2 public vizzes

Loading and Parsing CSV Data

This visualization presents a horizontal bar chart of country populations, ranking nations from China to Mexico. It demonstrates how to load external CSV data and convert it into a visual form. Using D3 v5, the code employs `select`, `csv`, `scaleLinear`, `scaleBand`, and `max` to parse the data file, transform population values from thousands to raw counts, and map them to bar lengths. The SVG rendering scales the bands to fit the fixed canvas dimensions.

Nov 1, 2022

Loading thumbnail…

Fork of HTML Starter - shapes w/ svg

This example demonstrates how to compose basic geometric shapes—circles, rectangles, lines, and paths—inside an SVG canvas. It shows how styling attributes like fill, stroke, and stroke-width apply directly to elements, and how groups (`<g>`) organize shapes with shared transformations and styles. The visualization is built with plain HTML and CSS, using raw SVG syntax without any JavaScript libraries. The SVG viewport is scaled via a transform, and a CSS class controls the appearance of line and path elements.

Oct 31, 2022