Skip to main content
SimilarExport ZIP
100%

Fork of t2

✓ Published0🌍 Public
Ssannihitha.k23@gmail.com
Last edited Apr 23, 2024
Created on Apr 23, 2024
Forked from t2

This example presents two D3.js visualizations: a bar chart showing the count of orders by state and a pie chart displaying the proportion of order statuses. The charts load CSV data from GitHub repositories and render as SVG elements. The bar chart employs d3.scaleBand and d3.scaleLinear with axes, while the pie chart uses d3.pie and d3.arc with percentage labels and a categorical color scheme.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of t2

This example presents two D3.js v7 charts: a bar chart and a pie chart. The bar chart visualizes the count of orders by state using `d3.rollup` and `d3.scaleBand`, while the pie chart displays order statuses using `d3.pie` and `d3.arc`. Both charts load data from remote CSV files hosted on GitHub and render as SVG. The code includes axis labels, a chart title, and rotated tick labels, with styling applied via CSS classes.

Ssannihitha.k23@gmail.com
97% match
Loading thumbnail…

project task2

This example presents two visualizations: a bar chart showing the count of orders by state and a pie chart displaying order status proportions. The bar chart uses d3.scaleBand and d3.scaleLinear with SVG rectangles, axes, and labels, while the pie chart employs d3.pie and d3.arc with a categorical color scheme. Both charts load data from external CSV files (OrdersCleaned.csv and Amazon Sale Report.csv) using d3.csv and render in separate SVG containers within the same page.

Ssannihitha.k23@gmail.com
83% match
Loading thumbnail…

task2 prjct

This example presents two linked D3 v7 visualizations: a bar chart displaying the count of orders by state and a pie chart showing order status distribution. The bar chart uses d3.scaleBand and d3.scaleLinear with d3.axisBottom and d3.axisLeft, while the pie chart employs d3.pie and d3.arc. Both render to SVG elements, loading CSV data via d3.csv from GitHub repositories. The code includes custom chart titles, axis labels, and rotated text for readability.

Ssannihitha.k23@gmail.com
83% match
Loading thumbnail…

Fork of two

This pie chart shows the proportion of total sales by product category, with labels on each slice and a legend to the side. It uses D3 v7’s `d3.rollups` to aggregate sales per category and `d3.pie` to generate arcs, while `d3.scaleOrdinal` assigns colors. Each slice’s centroid is computed with `d3.arc.centroid` for label placement, and the SVG is rendered from CSV data.

Mmsahithipatel@gmail.com
79% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example presents a health data visualization comprising three charts: a bar chart of Var1, a line chart showing Var2 over time, and a pie chart of Var3. It loads CSV data from a GitHub gist and uses D3.js v7 to render SVG elements. The bar chart maps data points to horizontal bars, the line chart uses scales and a line generator to plot the time series, and the pie chart uses `d3.rollups` to aggregate categories. The code includes axes and margin conventions for the line chart.

Aakhilakura@my.unt.edu
79% match
Loading thumbnail…

Prjct1

This example demonstrates multiple D3.js visualizations of cleaned online order data, including a bar chart of order counts by state, a line chart tracking total sales over time, a histogram of order totals, and a status count breakdown. The code loads a CSV from GitHub using `d3.csv`, transforms the data with `d3.rollup` and `d3.sum`, and renders each chart as SVG. It uses D3 v7 scales, axes, and line/band generators, with hover effects on bars and custom labels for improved readability.

Ssannihitha.k23@gmail.com
78% match
Loading thumbnail…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav
78% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example displays two D3.js v7 visualizations in a single SVG: a pie chart categorizing stock closing prices into three ranges and an area chart showing closing prices over time. The pie chart uses `d3.pie` and `d3.arc` with ordinal color scaling, while the area chart employs `d3.area` and `d3.scaleTime`/`d3.scaleLinear` axes. Both render from the same CSV dataset fetched via `d3.csv`, showing the date and closing price values.

Ssohith kampalli
77% match