Ethan Tam

@Ethan-Tam·2 public vizzes

P2 - Task 1-2

This visualization shows a scatterplot of GDP per capita against life expectancy for the top 50 most populous countries in 2002, with circle size encoding population. The code uses D3.js and React, rendering SVG elements via a custom Scatterplot class. Data loads from a CSV file using `d3.csv`, and the chart uses `d3.scaleLinear` for x, y, and radius scales, with axes generated by `d3.axisBottom` and `d3.axisLeft`. A year slider is present in the HTML but is not yet connected to data updates.

Feb 8, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page with hidden content, where the container and its paragraphs are not visible due to CSS display properties. The code uses plain HTML elements, including a div with class "container" and multiple paragraph tags, alongside a linked stylesheet. The CSS rule sets the container to `display: none`, effectively concealing the text content from view. This serves as a bare-bones template for testing HTML and CSS structure without visual output.

Jan 10, 2020