Yvan Brito

@YvanBrito·3 public vizzes

Customizing axes

This example demonstrates how to customize chart axes in a horizontal bar chart showing the populations of the top ten most populous countries. It uses D3 version 5 to load data from a CSV file and render SVG graphics. The code applies custom tick formatting with `d3.format`, removes default axis domain lines and tick lines, and adds labels for the x-axis and chart title. The y-axis uses `d3.scaleBand`, while the x-axis uses `d3.scaleLinear`.

Jun 10, 2021

Loading thumbnail…

Barchart

A horizontal bar chart ranks ten countries by population, using D3 v5 to load CSV data and render an SVG. The visualization employs `d3.csv`, `scaleLinear` for the x-axis population values, and `scaleBand` for the categorical y-axis, with axes generated via `axisLeft` and `axisBottom`. Bars are drawn as SVG rectangles filled with steelblue, and the code demonstrates ES6 module imports from D3 and local files.

May 19, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” in large, centered type within a browser window. The page uses embedded CSS to control font size and alignment, while a small JavaScript snippet logs “Hello JavaScript!” to the browser’s console. It demonstrates the basic structure of an HTML document combined with styling and scripting. The code does not use external libraries or data sources, serving as a minimal starting point for web-based visualizations.

May 11, 2021