Sanjeet10

@Sanjeet10·3 public vizzes

Hello VizHub

This example displays a dataset of country populations, loading the information from a CSV file using `d3.csv`. The page presents a large, stylized "Hello VizHub!" message in a bold font, centered against a dark blue background with an Ubuntu typeface. The visualization demonstrates basic D3.js v5 data loading and ES6 module usage, though it currently only logs the parsed data to the console. The minimal setup relies on a simple SVG container and a separate JavaScript module that exports the greeting text, showcasing the integration of external stylesheets and modular code structure.

Dec 2, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates a minimal D3.js bar chart that loads population data from a CSV file and displays it in an SVG container. The code uses `d3.csv` to parse the data from `data.csv` and `d3.select` to access the SVG element, with dimensions retrieved via the `attr` method. It sets up a basic visualization scaffold where data is logged to the console but no bars are yet rendered, showcasing VizHub’s workflow for importing modules and styling with external CSS and Google Fonts. The example runs on D3 v5 in a standalone HTML page.

Dec 2, 2019

Loading thumbnail…

Hello VizHub

This example demonstrates how to set up a minimal VizHub project by displaying a simple text message on a webpage. It shows a static hello-world visualization with a custom font and dark blue background. The code uses D3.js version 5’s `select` method to target an HTML div and set its text content, while relying on ES6 modules to import the message string from a separate file. The page structure is defined in HTML with CSS styling for layout and typography.

Dec 2, 2019