dyangeng

@dyangeng·3 public vizzes

Fork of Fork of D3 Starter

This example demonstrates the simplest possible D3 version 6 setup: a page that displays the text “Hello D3 version 6” in the center of the viewport. The `index.html` file loads the D3 library from a CDN and applies a large font size via CSS. The `index.js` file imports the `select` function from D3 and uses `select('body').text(...)` to set the body’s text content, showing how to begin scripting with D3’s selection API.

Mar 31, 2021

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal D3 version 6 starter template, rendering the text “Hello D3 version 6” centered on a blank page. It uses the `select` function from the d3 library to target the body element and set its text content. The page’s styling is defined in an inline stylesheet with a large font size, while the D3 script is loaded from a CDN. The visualization shows how to initialize a basic D3 project with a simple DOM manipulation.

Mar 31, 2021

Loading thumbnail…

Fork of Customizing Axes

This bar chart displays the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects. It visualizes population data loaded from a CSV file, with each country’s population scaled linearly along the x-axis and country names positioned along a band scale on the y-axis. The example customizes D3 axes by removing tick lines, formatting tick labels from billions to the letter “B”, and adding custom axis and title text using `axisBottom` and `axisLeft` from d3 v5.

Mar 31, 2021