sankalpnair

@sankalpnair·4 public vizzes

Untitled

This example presents a minimal HTML page that displays a static heading and paragraph. Built with React, the page uses basic JSX to render the text content “Hello people” and a brief introductory sentence. The code relies on standard HTML elements within a React component structure, demonstrating a simple starter template for web development. No interactive features, data binding, or visualization libraries are employed beyond the core React framework.

Oct 17, 2021

Loading thumbnail…

HTML Cars report

This example presents a simple HTML page titled “HTML Cars report,” displaying a heading and a static bullet list of three used cars with their model years and prices. The page is styled with a monospace font at 45 pixels via an external stylesheet. The visualization relies purely on static HTML markup and CSS, with no JavaScript-driven rendering or data API calls. Although an ES6 module (`myMessage.js`) exports a string, the code does not import or use it in the page, making the report purely presentational.

Oct 16, 2021

Loading thumbnail…

Untitled

This example displays a centered, large-format text message reading “Hello VizHub!” in a 12em font. It demonstrates importing the `select` function from the D3 library, loaded via UNPKG, and a local ES6 module named `myMessage.js` that exports the message string. The `select('#message')` API targets the HTML div with the corresponding ID to set its text content.

Oct 16, 2021

Loading thumbnail…

Cars Report

This example displays a simple "Hello World" message in the center of a webpage. The code sets the text content of a designated `<pre>` element using the standard Document Object Model (DOM) API. It loads D3 version 7 from a CDN, though the visualization logic does not rely on any D3-specific functions. The page uses plain HTML and CSS for layout and styling, with the body configured for centered, large text. The example serves as a minimal demonstration of integrating D3 into a basic web page structure.

Oct 13, 2021