Anne Rajan

@AnneRajan·4 public vizzes

SVG SHAPES IN HTML

This example demonstrates a minimalist introduction to D3 version 5 within an HTML page, displaying a single text element reading "Hi, this is Anne" after the page loads. The code uses the `d3.select` API to target the first paragraph element and the `.text()` method to inject the greeting. Rendered with the D3 library loaded from a CDN, the page applies a simple stylesheet that resets margins and hides overflow. The visualization showcases basic DOM selection and content manipulation rather than complex data-driven graphics.

Jun 11, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML” prominently in the center of the page, styled with large, centered font using CSS. The page includes a minimal HTML structure and demonstrates client-side scripting with a JavaScript `console.log` call that outputs “Hello JavaScript!” to the browser’s developer tools. It uses standard HTML, CSS, and JavaScript, serving as a bare-bones starter template for web-based projects, and is linked to a React-based starter for comparison.

May 31, 2021

Loading thumbnail…

Cars Report

This example presents a minimal “Cars Report” starter page that displays large centered “Hello HTML” text and logs “Hello JavaScript!” to the browser console. Built with React, it uses plain HTML and CSS for layout and styling, with a JavaScript script tag for the console message. The code intentionally shows only the simplest DOM and styling setup, offering a bare-bones foundation for further data visualization work.

May 31, 2021

Loading thumbnail…

Care Report

This example shows a minimal “Care Report” page that renders only a `<pre>` element with an id of `message-text`, intended to display text output. It uses plain HTML, CSS, and JavaScript, with the script logging `console.log('Hello JavaScript!')` to the browser’s developer tools. The page does not include any data visualization, charting library, or rendering API; it serves as a bare-bones starter template for a React-based visualization project, linking to a separate React Starter example for further development.

May 31, 2021