prats-mh (@prats-mh), VizHub

Fork of Customizing Axes

This bar chart displays the populations of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. It highlights custom D3 v5 axis styling, including tick formatting that converts abbreviations (e.g., G to B), grid lines, and labeled axes. The visualization uses d3.scaleLinear and d3.scaleBand to map population and country names, with d3.axisBottom and d3.axisLeft for rendering. Data is loaded via d3.csv, and the SVG output is styled with custom CSS for fonts, colors, and margins.

Mar 3, 2021

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal D3 starter template that displays the text “Hello D3 version 7” in the browser. The page loads D3 v6 from a CDN and uses the `select` function from the d3 module to target the body element and set its text content. The code is styled with a large 13em font size and centered alignment. It serves as a basic introduction to setting up a D3 project with modern ES module imports.

Mar 3, 2021

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to build a simple visualization with D3.js v5, displaying the text “Hello VizHub!” in a large, center-aligned message. The code imports the `select` API from D3 to target a DOM element and set its text content, while also importing a local ES6 module to supply the message string. The page loads D3 from a CDN and uses a separate CSS file for styling, showcasing a minimal workflow for combining external libraries, local modules, and static assets.

Mar 3, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” in large type at the center of the page, demonstrating a minimal setup for combining HTML, CSS, and JavaScript. The page uses inline CSS to set the font size and text alignment, while an embedded script logs “Hello JavaScript!” to the browser’s console. The visualization relies entirely on standard web platform APIs, with no external libraries or data sources, serving as a bare-bones template for building more complex interactive projects.

Mar 3, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” in large type at the center of the page, demonstrating a minimal setup for combining HTML, CSS, and JavaScript. The page uses inline CSS to set the font size and text alignment, while an embedded script logs “Hello JavaScript!” to the browser’s console. The visualization relies entirely on standard web platform APIs, with no external libraries or data sources, serving as a bare-bones template for building more complex interactive projects.

Mar 2, 2021