nikitaglt

@nikitaglt·2 public vizzes

Fork of Pathetic Bar Chart

This example shows the top 10 most populous countries as a horizontal bar chart with labeled bars but no axes, using React to render SVG elements. The code loads United Nations World Population Prospects 2019 data via d3.csv, then applies d3.scaleLinear and d3.scaleBand to map population values and country names to pixel coordinates. It manually draws gridlines and tick labels using d3.scaleLinear ticks, while omitting axis components. Bars are rendered as SVG rectangles whose widths reflect each country’s 2020 population estimate, with country names positioned along the y-axis.

Oct 19, 2023

Loading thumbnail…

Fork of Hello HTML

A minimal fork of the classic "Hello HTML" example renders a single SVG circle without any JavaScript or data binding. The code contains a plain HTML document with a full-bleed `svg` element, a `<circle>` with a radius of 100, and CSS that sets the body margin to zero and hides overflow. No D3, visualization library, or data source is used; the example simply demonstrates the foundational structure of embedding SVG shapes directly in HTML, serving as a bare-bones starting point for more complex graphs.

Oct 19, 2023