Phillip Yoo

@yoophillip·2 public vizzes

Fork of D3 Bar

This fork of D3 Bar renders a bar chart of population data from a CSV file, displaying ten countries with their population counts scaled by a factor of one thousand. The visualization uses D3 v7, specifically importing `select`, `csv`, `scaleLinear`, and `max` from the library. The code sets up a linear scale mapping population values to a fixed width, though the bars are drawn with hardcoded 300-by-300 pixel dimensions rather than using the scale proportionally. The chart is displayed in an HTML page with an embedded YouTube video demonstrating D3 version 6 usage.

Apr 9, 2022

Loading thumbnail…

Fork of D3 Starter

This example shows a simple, static smiley face drawn as vector shapes in an SVG canvas. It uses the D3.js library (v7) to select the SVG element and programmatically append a large yellow circle for the face, two smaller black circles for the eyes, and a path for the mouth. The mouth is created using the `d3.arc` API, which generates an SVG path based on specified inner and outer radii and start/end angles. The code demonstrates fundamental D3 techniques for creating and positioning graphical primitives within a coordinate system.

Apr 9, 2022