hambasicharis1995

@hambasicharis1995·2 public vizzes

SVG

This example demonstrates a horizontal bar chart comparing the populations of five countries, using SVG elements for rendering. The chart loads data from a CSV file and applies D3.js v5 scales, including `scaleLinear` for the x-axis and `scaleBand` for the y-axis. Axis components are created with `axisLeft` and `axisBottom`, while number formatting uses `format` to abbreviate large population values. The bars themselves are drawn as `rect` elements with a fixed steelblue fill, and the visualization includes custom margins and a title.

Aug 16, 2019

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” on a dark blue background, demonstrating the basic workflow of a VizHub project. It uses D3 v5 to select the HTML element with the ID `message` and set its text content. The page’s styling comes from a separate CSS file, which applies the Ubuntu font and a large, centered layout. The message itself is defined in a modular JavaScript file and imported as an ES6 module.

Aug 13, 2019