enmy

@enmy·2 public vizzes

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL using D3 v5 and the Fetch API. It fetches a dataset of CSS named colors and displays the file size in kilobytes, row count, and column count in a large text element. The primary implementation uses `d3.csv` with a Promise chain, while alternate commented-out approaches show `fetch` with `async`/`await` and `d3.csvParse`. The visualization is intentionally minimal, focusing on data-loading mechanics rather than graphical rendering.

Apr 3, 2022

Loading thumbnail…

Smalling face part 1

A smiling face is rendered as a yellow circle with black outlines, two eyes, and a curved mouth, sized and positioned to fill the browser window. The example uses React components like `Face`, `BackgroundCircle`, and `Eyes` to compose the SVG structure, while the mouth is drawn using D3's `arc` generator with specified inner and outer radii and angles. All shapes are output as SVG elements within a translated group, driven by props for dimensions and offsets.

Apr 3, 2022