sumeyyeozel

@sumeyyeozel·3 public vizzes

Fork of Loading and Parsing CSV Data

This example demonstrates the basic operation of loading and parsing CSV data, presenting the result as a plain-text summary of the file’s size in kilobytes, row count, and column count. The visualization uses a large `<pre>` element to display this statistical message. It relies on the D3.js library’s `d3.csv` method to fetch and parse a remote CSV file containing CSS named colors, sourced from a GitHub gist. The code also includes commented alternatives using the Fetch API with async/await and `d3.csvParse` for comparison.

Feb 1, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This example shows a large yellow smiley face rendered with React and D3.js that fills the entire browser window. The face consists of three circles—one for the head and two for the eyes—positioned around the center of the viewport, with hard-coded offsets for eye placement and a stroke for the face outline. The code uses React’s `ReactDOM.render` to mount the SVG, and D3’s `arc` function is imported and invoked, though no mouth or other arcs are actually drawn in the final output. The rendering relies on SVG elements within a `<g>` transform.

Jan 30, 2022

Loading thumbnail…

Make a Face 1

A yellow smiley face rendered with SVG circles fills the browser window, with its size and position calculated from the viewport dimensions. The face includes two eyes and a mouth, all defined using React components and JSX. The code uses React and ReactDOM to mount the visualization, computing the face radius from the window height and positioning elements relative to the center. The rendering relies on SVG circle elements with stroke styling for the face outline.

Jan 30, 2022