Skip to main content
Log in
B

bhavyagolla64@gmail.com

@bhavya3377·8 public vizzes

Loading thumbnail…

Area_chart_reatils_sales

This area chart displays monthly product sales in rupees, with a teal filled region and steelblue point markers for each month. D3’s `d3.scalePoint`, `d3.scaleLinear`, and `d3.area` with a monotone curve map months to the x-axis and aggregated sales totals to the y-axis. Hovering over a point enlarges it, changes its color to orange, and reveals a static text tooltip showing the exact sales value. The chart uses the `d3.rollups` API to aggregate the underlying CSV data by month and annotates the total sales for the year.

Mar 26, 2025
Loading thumbnail…

Retail_sales_area_chart_bhavya_golla

This area chart visualizes monthly product sales from a retail dataset, showing the total sales amount for each month of the year. The visualization aggregates the data by month using `d3.rollups` and renders it as a smooth, teal-colored area with `d3.area` and `d3.curveMonotoneX`. Interactive circles mark each month’s sales value, responding to hover events by enlarging and displaying a tooltip with the exact sales figure. The chart includes labeled axes, a title, and a total sales summary, all rendered as SVG elements with D3 v7.

Mar 26, 2025
Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” centered on the page in large type. It uses D3.js version 6, imported via a CDN, to select the HTML element with the ID `message` and apply the text content. The text string itself is defined in a separate ES6 module, `myMessage.js`, and imported into `index.js`. The page’s styling comes from the linked `styles.css` file.

Mar 26, 2025
Loading thumbnail…

Fork of Hello VizHub

This example displays the text “Hello VizHub!” centered on the page in large type. It uses D3.js version 6, imported via a CDN, to select the HTML element with the ID `message` and apply the text content. The text string itself is defined in a separate ES6 module, `myMessage.js`, and imported into `index.js`. The page’s styling comes from the linked `styles.css` file.

Mar 26, 2025
Loading thumbnail…

user_bheviour_piechart_bhavyagolla

This pie chart visualizes user behavior classes derived from mobile app usage data, categorizing users into five levels from “Minimal User” to “Addicted User.” The visualization loads a CSV dataset via `d3.csv` and uses `d3.rollup` to count occurrences per class, then renders animated SVG slices with `d3.pie` and `d3.arc`. Slice labels display percentages, while hover interactions shift slices outward using `arc.centroid` and `transition.attrTween`. A legend with `d3.scaleOrdinal` and `d3.schemeSet2` maps colors to behavioral categories.

Mar 26, 2025
Loading thumbnail…

Mobile_app_usage_piechart

This pie chart visualizes the distribution of mobile app users across five behavior classes—from minimal to addicted users—based on categorical data loaded from a remote CSV. Each slice is colored using `d3.scaleOrdinal` with `d3.schemeSet2`, and the chart animates its initial appearance via `transition.attrTween` with an interpolated arc. Hovering translates slices outward using `arc.centroid`, while percentage labels and a legend clarify proportions. The SVG rendering includes simulated axis labels, and the code relies on `d3.pie`, `d3.arc`, and `d3.rollup` to aggregate counts.

Mar 26, 2025
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates a minimal hot-reloading setup for a data visualization, displaying the text “Hello World!” at a large, adjustable font size. The single-page application runs entirely in the browser, with the `main` function receiving a container element and injecting the text via an HTML string. It uses no external libraries, relying on plain JavaScript and the DOM’s `innerHTML` property for rendering. The visualization supports live updates: altering the `fontSize` variable, even through alt-drag interaction, instantly re-renders the output without a page reload.

Mar 26, 2025
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates a minimal hot-reloading setup for a data visualization, displaying the text “Hello World!” at a large, adjustable font size. The single-page application runs entirely in the browser, with the `main` function receiving a container element and injecting the text via an HTML string. It uses no external libraries, relying on plain JavaScript and the DOM’s `innerHTML` property for rendering. The visualization supports live updates: altering the `fontSize` variable, even through alt-drag interaction, instantly re-renders the output without a page reload.

Mar 26, 2025