vrushikarao03@gmail.com

@Vrushika147·8 public vizzes

sales - Virushika

This example displays a pie chart of average ratings for different brands, sourced from a CSV file and rendered as an SVG. The code uses D3 v6 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` to color each slice. Brand names are labeled at each slice’s centroid, and the chart is centered within a fixed-width SVG. The visualization demonstrates loading external data and building a basic categorical pie chart with D3’s layout and shape generators.

Nov 6, 2024

Loading thumbnail…

Activity6 -task2

This example demonstrates how a VizHub project loads D3 from a CDN and uses ES6 modules to organize code. It imports the `select` function from D3 and a custom `message` string from a local module, then sets the text of a `div` element with the ID `message` to display “Hello VizHub!”. The page styling centers the large text via CSS. The code also includes a regular expression and a numeric constant but does not use them in any visible behavior.

Oct 20, 2024

Loading thumbnail…

Activity-6 task-1

This example demonstrates how to build a simple visualization using D3 v5 within the VizHub environment. It shows a single text message centered on the page, rendered through an HTML div element. The code imports functions via ES6 modules, including `select` from D3 and a custom `message` from a local file, highlighting the modular structure. The styling is applied through an external CSS file, and D3 is loaded dynamically from the UNPKG CDN.

Oct 19, 2024

Loading thumbnail…

Fork of Activity-6

This example demonstrates how to load D3 via UNPKG and use ES6 modules to organize code in a minimal VizHub project. The page displays “Hello VizHub!” in large, centered text, styled with CSS. The code imports the `select` function from the `d3` namespace to manipulate the DOM, and imports a local `message` string from a separate ES6 module, showing how to combine external libraries with modular JavaScript. The implementation also includes a regular expression and a numeric constant to illustrate basic variable declarations.

Oct 19, 2024

Loading thumbnail…

Activity-6

This example demonstrates how to combine D3.js with ES6 modules in a simple web page. It imports the `select` function from D3 and a custom message from a local module, then sets the text of a div element to display "Hello VizHub!" using D3's selection API. The page loads D3 v5 from UNPKG via a script tag and also includes a local stylesheet. The example serves as a minimal template for D3-based projects that use modern JavaScript module syntax.

Oct 19, 2024

Loading thumbnail…

Fork of activity 6

This example demonstrates how VizHub supports modern JavaScript workflows, importing D3.js functions and local ES6 modules to render a simple text message. The page loads D3 v5 from UNPKG and uses the `select` API to target the `#message` div, setting its content from an imported `message` string. A local `styles.css` file centers the text at a large font size, while the accompanying README highlights the platform’s capabilities for bundling and module reuse. The code also includes a regular expression and an unused variable, indicating a template or learning exercise.

Oct 19, 2024

Loading thumbnail…

activity 6

This example demonstrates a minimal VizHub project that displays a static text message on a web page. It loads D3.js from a CDN and uses the `select` function to target the `#message` div, setting its content to a string imported from a local ES6 module. The page styling, including the message’s large font size and center alignment, is defined in an external CSS file.

Oct 19, 2024

Loading thumbnail…

5 buddhas

A dense generative artwork displays a sizable Buddha silhouette at its center, rendered as a single black SVG path on a dark background. The surrounding space is filled with hundreds of randomly placed, rotated diamond-shaped polygons created by triple-nested loops in React. Each polygon uses randomized coordinates, RGB colors, and opacity values, producing a chaotic, colorful field of shapes. The composition layers this abstract noise behind the calm, static Buddha figure, contrasting algorithmic randomness with a structured, hand-drawn form. The SVG rendering relies on React’s JSX to generate all elements dynamically.

Oct 18, 2024