shivuram

@shivuram·4 public vizzes

Fork Line Chart - 1

This fork line chart renders a small dataset of six monthly budget values as a thick gray line across a light gray plot area. The visualization includes a log-scaled y-axis and a linear x-axis, both generated with d3 `axisBottom` and `axisLeft`, while the line uses d3 `line` with `scaleLinear` and `scaleLog`. A red marker line at the 10,000 unit mark is labeled "10,000 deaths," despite the chart's title referencing global coronavirus deaths. Data is hardcoded in the React component, not loaded from the CSV referenced in `useData`.

Oct 7, 2021

Loading thumbnail…

Fork of HTML Starter

This example shows a single large yellow circle centered on a beige SVG canvas. The circle has a black stroke and a thick border, rendered statically within an HTML page. The code uses basic SVG elements and CSS styling, with a `console.log` statement to demonstrate JavaScript execution in the browser’s developer tools. No external libraries or data sources are used.

Oct 3, 2021

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that uses CSS and JavaScript to display static text and log a message to the browser console. The page renders the phrase “Hello HTML” in large, centered text via CSS styling on the body element. A script tag executes `console.log('Hello JavaScript!')`, which sends output to the developer tools. The code uses plain HTML, CSS, and vanilla JavaScript without any external libraries or frameworks, serving as a basic template for web development.

Oct 3, 2021

Loading thumbnail…

Fork of Hello HTML

A minimal React application renders a simple SVG face using a yellow circle with a black stroke, two black eye circles, and no mouth. The visualization demonstrates basic SVG shapes in React, with the face’s dimensions and positions defined by JavaScript constants. It uses React 16.9 and D3 v5, specifically importing the `arc` function from D3, though it is not invoked in the visible code. The SVG element is drawn directly in JSX, with the ReactDOM `render` method attaching it to a root div in an HTML page.

Sep 30, 2021