Jaemin Ahn

@ippowe·2 public vizzes

Fork of D3 Starter

This example demonstrates how to structure a D3 version 6 project using a CSV dataset of South Korean population statistics by administrative district. The visualization shows population data from 2019, with categories such as total population, gender breakdown, household counts, and housing types, rendered into an SVG canvas. The code loads the data using `d3.csv`, initializes an SVG container with a fixed height, and includes a YouTube tutorial in the README for guidance. The project serves as a starter template, highlighting basic D3 setup and data-loading practices for creating custom charts.

Jan 30, 2021

Loading thumbnail…

Fork of D3 Starter

This example renders a simple animated face using D3 v6 with SVG. The code draws a yellow circle as the head, two black eyes, and a mouth created with the `d3.arc` path generator. The eyebrows, implemented as rectangles, animate up and down using `d3.interval` and chained `transition.attr` calls to shift their vertical position every 1.5 seconds. The visualization demonstrates basic D3 selection, SVG shape creation, and transition-based animation in a minimal starter template.

Jan 30, 2021