Naoyuki20

@Naoyuki20·2 public vizzes

Fork of Rendering Data with React & D3

This example shows a bar chart of the ten most populous countries in 2020, using data loaded from a CSV file hosted on GitHub. The chart renders as SVG rectangles scaled with `scaleLinear` for population values and `scaleBand` for country names. React manages the component state through `useState` and `useEffect`, while D3’s `csv` utility parses the remote data. The visualization demonstrates a clean separation between D3’s data-loading and scaling functions and React’s declarative rendering of SVG elements.

Feb 24, 2022

Loading thumbnail…

Fork of Hello HTML

A single SVG circle is drawn at the center of an otherwise minimal HTML page. The circle uses no explicit dimensions or styling, so it relies on the browser’s default SVG rendering. The page includes an embedded YouTube iframe and a README linking to Wikipedia’s HTML article, but the core graphic is produced directly via the inline `<svg>` and `<circle>` elements. No JavaScript or external libraries are used; the example simply demonstrates the most basic SVG shape within a valid HTML document.

Feb 16, 2022