ChaseRogers1027

@ChaseRogers1027·2 public vizzes

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. The chart uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` with a custom tick format that abbreviates large numbers, along with `axisLeft`. The SVG rendering includes a title and axis label, with red rectangles representing each country’s population. The data is loaded from a CSV file using `d3.csv`.

Jul 13, 2020

Loading thumbnail…

Smiley Face

This example displays a simple smiley face drawn with basic SVG shapes—a yellow circle for the face and two smaller black circles for the eyes—centered on a 960 by 500 canvas. The page loads React and ReactDOM via CDN, though the visible graphic is produced directly with static `<circle>` elements in SVG markup, not through React rendering. The file also includes a separate `index.js` that logs ReactDOM and renders a "Hello JSX" heading, indicating the framework setup but not affecting the displayed smiley image.

Jul 13, 2020