Marcelo Albuquerque

@mralbu·2 public vizzes

Fork of Loading and Parsing CSV Data

This example demonstrates the process of loading and parsing CSV data from a remote URL. It fetches a dataset of CSS named colors and displays basic statistics—file size, row count, and column count—in a large preformatted text element. The code uses the native `fetch` API with `async`/`await` to retrieve the text, then parses it with `d3.csvParse` from D3 v5. The page also includes commented-out alternatives using `d3.csv` and a nested promise chain.

Apr 12, 2021

Loading thumbnail…

Fork of Smiley Face Part IV

This example draws a classic smiley face centered in an SVG canvas, constructed with React components that specify shapes and D3’s `arc` generator to define the mouth’s path. The face consists of a yellow circle with a black stroke, two fixed eye circles, and a half-arc mouth, all translated to the canvas center. The code imports `arc` from D3 v5 and uses ReactDOM to render the `App` element into the `#root` div, with dimensions of 960 by 500 pixels.

Apr 10, 2021