Skip to main content
Log in
P

Pvs Prashanth

@pvs156·6 public vizzes

Loading thumbnail…

Fork of D3 Starter

This example displays a minimal “Hello D3” message centered on the page using the D3 library. The code imports the `select` function from D3 and calls `select('body').text('Hello D3')` to set the text content of the body element. The page is styled with a large font size and top margin via inline CSS, and the script is loaded from a bundled `bundle.js` file. The project depends on D3 version 6.7.0 and is configured for VizHub.

Apr 8, 2025
Loading thumbnail…

Assignment_2ques2_Pvs

Two semi-transparent area charts show Team A and Team B performance scores over time in 2025, with overlapping regions differentiating the two teams’ progress. Dots at each data point provide interactive tooltips displaying the timestamp and score on hover. The visualization uses D3.js v7’s `d3.area` generator, `d3.scaleTime`, `d3.scaleLinear`, and SVG `circle` elements, loading timestamped CSV data from a GitHub Gist. D3 transitions animate tooltip opacity, and CSS styling controls legend, title, and axis labels.

Mar 27, 2025
Loading thumbnail…

Assignment2_Pvs

This pie chart visualizes the prevalence of seven common health conditions, with slices sized proportionally to each condition’s percentage. A legend identifies each condition, and hovering over a slice reveals its name via a tooltip. Built with D3 version 3, the visualization uses the `d3.layout.pie` and `d3.svg.arc` APIs to generate and draw the slices, along with a custom tooltip and color palette. The code constructs an SVG graphic and includes placeholder axis labels, with a static dataset embedded directly in the script.

Mar 27, 2025
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js visualization that displays the text "Hello VizHub!" in large, centered typography. The code uses the `select` API from D3 v6 to target the `#message` div and set its text content with data from an imported ES6 module. A separate CSS file controls the visual styling, including centering and an oversized font size. The page structure is defined in `index.html`, which loads D3 from a CDN and references the bundled JavaScript.

Mar 27, 2025
Loading thumbnail…

Assignment2_Pvs

This example renders a simple static visualization using D3.js v6. It selects a div element with the ID `message` and sets its text content to the string “Hello VizHub!”. The text is styled with large, centered font sizing defined in the accompanying CSS file. The code demonstrates basic module imports and DOM manipulation with the `select` function, displaying minimal data or interactive behavior.

Mar 27, 2025
Loading thumbnail…

Fork of Hello VizHub

This example demonstrates a minimal D3.js visualization that displays the text "Hello VizHub!" in large, centered typography. The code uses the `select` API from D3 v6 to target the `#message` div and set its text content with data from an imported ES6 module. A separate CSS file controls the visual styling, including centering and an oversized font size. The page structure is defined in `index.html`, which loads D3 from a CDN and references the bundled JavaScript.

Mar 27, 2025