Allen Wong

@allencwwong·2 public vizzes

Fork of Axes with React & D3

This example shows the top 10 most populous countries as a bar chart with manually drawn axes, rendered as SVG. The code uses React hooks (useState and useEffect) to fetch and load CSV data from the United Nations World Population Prospects 2019 via d3.csv, then scales the bars with d3.scaleBand and d3.scaleLinear. Axes are constructed from xScale.ticks() and yScale.domain() to render gridlines, tick labels, and values. The visualization is purely declarative, with React managing the SVG elements and D3 handling data parsing and scales.

Mar 25, 2022

Loading thumbnail…

Fork of Hello HTML

This is a minimal HTML page example that demonstrates the basic structure of a web document. It renders a single heading element displaying the text "hey" on a blank white background. The page uses standard HTML5 markup with a `<head>` section containing a title, and a `<body>` section with an `<h1>` tag. No external libraries or JavaScript are employed; the visualization relies solely on the browser’s native HTML rendering engine to display the static content.

Mar 25, 2022