Nancy Sealy

@Nancy74·3 public vizzes

Fork of Customizing Axes

This bar chart displays the populations of the top 10 most populous countries, with data from the 2018 United Nations World Population Prospects estimate. It demonstrates customizing D3 axes by removing default domain lines and tick lines, applying custom tick formatting (converting gigabyte notation to billions), and adding styled axis labels and a title. The chart uses d3’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` from D3 v5, renders as SVG, and loads data from a CSV file.

Apr 15, 2022

Loading thumbnail…

Loading & Parsing CSV Data

This example demonstrates the initial step of loading and parsing CSV data for visualization. The code fetches a remote CSV file containing CSS named colors from a GitHub gist using the Fetch API, then logs the raw text response to the browser console. It shows the basic pattern of asynchronous text retrieval without any visualization yet, serving as a minimal starting point for data-driven graphics. The implementation is a plain HTML page with embedded JavaScript, requiring no external libraries for this initial data-loading phase.

Apr 6, 2022

Loading thumbnail…

Hello HTML

A minimal example uses raw SVG elements inside an HTML page to draw a simple orange face with two eyes on a black-outlined circle. The code defines static `<circle>` shapes directly in `index.html`, with no JavaScript or data processing. The SVG canvas is set to 960 by 500 pixels, and the body margin is removed to achieve a clean, borderless rendering. This serves as a bare-bones starting point for understanding how SVG markup integrates into a basic HTML document without external libraries.

Mar 23, 2022