Vivek H

@viveklaks·5 public vizzes

Lets make a face

A red SVG canvas fills the viewport. The example demonstrates a minimal setup for building a custom visualization, with the D3.js library loaded from a CDN. The code selects the `svg` element and applies a red background style, while a separate ES6 module exports a message string that is not yet rendered. The visualization shows only this static colored rectangle, providing a starting point for adding facial features or other shapes using D3's data-binding and SVG generation capabilities.

Nov 18, 2019

Loading thumbnail…

HTML cars Report

This example displays a static HTML report of three used cars, each listed with its model year, name, and price. The page uses a simple unordered list to present the car entries, with one item visually distinguished by a CSS class. The `styles.css` file sets a large monospace font for the body and applies a red color to the highlighted list item through the `.highlighted` class. The visualization relies on standard HTML and CSS, with D3.js loaded via a CDN script tag but not actively used for any data binding or rendering in the visible code.

Nov 18, 2019

Loading thumbnail…

HTML practice

This example demonstrates a simple HTML page with a styled bullet-point list and a greeting message. The page includes a heading, an unordered list with three greetings, and a highlighted item styled in red via CSS. Using D3.js v3, the code selects a div element with the ID `message` and sets its text content to a string exported from an ES6 module. The body text uses the Source Sans Pro font, and the example highlights basic DOM manipulation with D3’s `select` method.

Nov 18, 2019

Loading thumbnail…

HTML practice

This example demonstrates a simple HTML page with bullet points and multilingual greetings, alongside a dynamic message injected via D3.js. The page displays a highlighted list item in red and renders the text “Hello VizHub!” in a dedicated div. The code imports the `select` function from D3 and an ES6 module `myMessage.js` to set the message content, while `styles.css` applies global typography and color styling. It shows foundational DOM manipulation and module usage without any data or visualization logic.

Nov 18, 2019

Loading thumbnail…

Hello VizHub

This example creates a simple single-page visualization titled “Hello VizHub” that displays a bold, centered greeting in large white text against a dark navy background. The page uses a D3.js selection to set the text content of a `div` element, importing the message string from a local ES6 module. Styling relies on an external Ubuntu font and custom CSS rules. The entire rendering approach demonstrates minimal DOM manipulation with D3 v5, emphasizing straightforward text output rather than complex data-driven graphics.

Nov 18, 2019