Skip to main content
SimilarExport ZIP
100%

Fork of Hello VizHub

✓ Published0🌍 Public
Kkshravyak.2001@gmail.com
Last edited Mar 25, 2025
Created on Mar 25, 2025
Forked from Hello VizHub

This fork of Hello VizHub displays a scatter plot of pizza data loaded from a GitHub Gist CSV, showing the relationship between quantity and unit price. The visualization uses D3 v6 to parse the CSV, create linear scales for both axes, and render steelblue circles for each data point within an SVG. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with text labels for “Quantity” and “Unit Price” appended directly to the axis groups.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello VizHub

This pie chart visualizes the distribution of pizza orders by category, with each slice labeled with its count and a legend identifying the categories. The code loads data from a GitHub Gist CSV file using `d3.csv`, calculates category frequencies through manual aggregation, and renders the chart as SVG with `d3.pie` and `d3.arc`. Slices use a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`, and labels are positioned via `arc.centroid`. The legend is built manually, mapping rectangles and text to each category.

Kkshravyak.2001@gmail.com
86% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays a pie chart of scores loaded from a remote CSV file. The visualization uses d3.pie and d3.arc to compute and render the donut-like segments, with a categorical color scale (d3.scaleOrdinal) assigning colors. Data is fetched via d3.csv from a GitHub gist, and the SVG paths and labels are drawn with D3's data-join pattern, placing names at each arc's centroid.

CChiranjeeviUppala@my.unt.edu
86% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays a static message, “Hello VizHub!”, centered on the page in large text. It loads a pizza dataset from a GitHub gist using `d3.csv` with `d3.autoType`, converting numerical columns to numbers and logging the processed data to the console. The visualization does not render charts or interactive elements; instead, it demonstrates data loading and preprocessing with D3 v6 in a minimal HTML and CSS setup.

Kkshravyak.2001@gmail.com
85% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays a chocolate sales pie chart, showing the distribution of chocolate brand sales through color-coded slices with a legend. The visualization loads CSV data from a GitHub gist, processes it with D3.js v7’s `d3.rollup` and `d3.pie`, and renders slices using `d3.arc`. A color scale with `d3.scaleOrdinal` assigns distinct colors to each brand. The code also includes a separate reusable `pieChart.js` module using `d3-shape` and `d3-scale-chromatic` for chart generation, with an SVG-based output.

Kkirankumari26guj@gmail.com
85% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example presents a pie chart of aggregated sales data by product category, loaded from a CSV file hosted on GitHub and rendered as an SVG. It uses D3 v6 APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart displays each category’s total sales in thousands and its percentage share, with labeled arcs and a legend.

KKritin Kesav
84% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub demonstrates three linked D3.js visualizations. It shows total sales by brand and region in a bar chart, units sold versus sales in a scatter plot, and profit alongside average price in a multi-series chart with bars and a line. The code uses `d3.csv` to load a remote dataset and `d3.scaleBand`, `d3.scaleLinear`, `d3.rollups`, and `d3.schemeTableau10` to bind data to SVG rects, circles, and a path via `d3.axisBottom` and `d3.axisLeft`. A dual y-axis is implemented for the final chart.

Aankitgoudpoodhari07@gmail.com
83% match
Loading thumbnail…

Fork of Hello VizHub

This fork of “Hello VizHub” displays a scatter plot of a two-feature dataset loaded from a CSV file, with points colored by category. It uses D3.js v6 functions like `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to SVG circles, with green axis labels and a red, underlined title. The visualization resizes to the full browser window and plots each row’s feature_1 against feature_2.

Pperamranji
83% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example loads a pizza dataset from a GitHub gist using `d3.csv` and `d3.autoType`, then logs the processed data to the console. It shows how to fetch and inspect tabular data with D3 v6, converting numeric columns explicitly with unary plus operators. The page also includes a static message displayed via CSS, demonstrating a minimal setup combining D3 data handling with an HTML/CSS front-end. No charts or visualizations are generated from the data in this code.

Kkshravyak.2001@gmail.com
83% match