nikhil-jambhulkar

@nikhil-jambhulkar·3 public vizzes

Hello V

This example demonstrates a minimal VizHub project that renders the text “Hello VizHub!” on a dark blue background. It uses D3 v5’s `select` method to target a `div` element and set its text content to a message imported from a local ES6 module. The page loads D3 from a CDN and applies styling through an external stylesheet with the Ubuntu font.

Nov 16, 2019

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” centered on a dark blue background using large Ubuntu typography. It demonstrates how D3.js version 5 selects a DOM element and updates its content, while also showcasing ES6 module imports for separating data and logic. The code imports the `select` function from D3 and a custom `message` string from a local module, then applies the text to the `#message` div. Styling comes from a CSS file that loads Google Fonts and sets the page’s color scheme.

Nov 14, 2019

Loading thumbnail…

Let's make a face with D3.js

This example constructs a stylized face using SVG shapes and D3.js, demonstrating how common graphical elements like circles, paths, and text combine into a recognizable figure. It uses D3 version 5, loaded via a CDN, to append elements to an empty `<svg>` container, with the body styled to remove margins and hide overflow. The code creates the face through procedural SVG drawing rather than data binding, showcasing D3’s utility for direct DOM manipulation and coordinate-based placement. A linked video tutorial provides additional context for the build process.

Nov 13, 2019