NazgulZaki

@NazgulZaki·3 public vizzes

HTML Cars Report

This example displays a static bar chart derived from a CSV file of country populations, using a minimalist SVG rendering. The visualization shows population counts for ten countries, with China and India leading significantly. The code loads data with d3.csv and selects the SVG element using d3.select, though it only logs the parsed data to the console without yet drawing any bars. The stylesheet defines a .lines class with thick black strokes and dark teal paths, suggesting intended line or path-based visuals that are not fully implemented in the current script.

Apr 29, 2019

Loading thumbnail…

Making a Bar Chart

This example displays a horizontal bar chart comparing the 2018 populations of the top ten most populous countries, with data sourced from the United Nations’ World Population Prospects 2017. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and country names, appending SVG rectangles for each bar. It demonstrates the classic D3 workflow of loading CSV data, converting population strings to numbers, and using `axisLeft` and `axisBottom` to render the chart’s axes.

Apr 28, 2019

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark background using the D3.js library. It selects a div element with the `select` method and sets its text content to a message imported from a local ES6 module. The page markup is defined in HTML, styling is applied via CSS with the Ubuntu font, and the visualization runs entirely in the browser without external data sources.

Apr 28, 2019