kiranshashi

@kiranshashi·2 public vizzes

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5. It fetches a CSS Named Colors dataset from a GitHub gist and displays its size (in kilobytes), row count, and column count in a large text area. The primary implementation uses `d3.csv` with promise handling, while commented-out alternatives show equivalent approaches using `fetch` with `async`/`await` and `d3.csvParse`. The visualization is minimal, focusing on data loading mechanics rather than graphical representation.

Apr 22, 2021

Loading thumbnail…

Fork of Smile Face

This visualization shows a simple smiley face composed of a large yellow circle with two smaller black circles for eyes. The SVG is rendered with fixed dimensions of 960 by 450 pixels, using straightforward shape elements like `<circle>` with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes. No JavaScript libraries or interaction are involved; the page relies solely on inline HTML and CSS for presentation. The face occupies the center of the canvas, with the eyes positioned symmetrically on either side of the face’s vertical axis.

Apr 16, 2021