shawn24gomez

@shawn24gomez·3 public vizzes

Fork of Pie Chart

This example visualizes the basic cost of Netflix subscriptions across ten countries using a pie chart, with a color-coded legend and dollar values displayed alongside each country name. The visualization is rendered as SVG using D3 v5 APIs, including `pie()`, `arc()`, `scaleOrdinal`, and `schemeCategory10`, while data is loaded from a CSV file via `csv()`. The chart uses a simple inner radius of zero and sorts countries by cost descending, with mouseover events logging values to the console.

Jun 18, 2023

Loading thumbnail…

Fork of Fork of Simley Face

This React and D3 v5 visualization renders a stylized smiling face constructed from SVG shapes. A yellow background circle with a black stroke forms the head, while the eyes, nose, and mouth are layered as geometric primitives. The mouth uses D3's `arc` generator to create a curved path, and all elements are positioned within an SVG `<g>` group. The face is composed declaratively through small React components, with all dimensions and offsets passed as props.

Jun 18, 2023

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal D3.js visualization that replaces the browser page's content with the text "Hello D3 version 7." The rendering is achieved through the `select` function from the D3 library, which targets the document body and applies the `text` method to write the string. The page uses D3 version 7.8.2, loaded via a CDN, with a custom CSS style that sets the font size to 13em, making the greeting extremely large and centered. The code also includes an embedded YouTube video in the README as instructional material.

Jun 18, 2023