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 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.

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 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.

Ssannihitha.k23@gmail.com
97% 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
82% 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
80% 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…

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 Blank Canvas

This example demonstrates a fork of a fork of a blank canvas, presenting two distinct bar chart visualizations. The first chart renders a simple dataset with values 4, 8, 15, 16, 23, and 42 using D3 v7's `scaleLinear` and `select`/`selectAll`/`append` APIs to draw rectangles and text labels on an SVG canvas. The second chart uses the Chart.js library to display categorical vote counts in a bar format with semi-transparent background colors and border styling. Both charts are drawn to an HTML canvas element, with the page's styles defining a fixed, full-viewport layout.

Aagopu@nd.edu
78% match
Loading thumbnail…

Fork of Fork of D3 Starter 3.1

This example presents two SVG charts built with D3.js v7 to visualize a multi-value time-series dataset containing daily sales, profit, and expenses. Chart 1 is a multi-series line chart with three colored lines and an interactive tooltip, while Chart 2 combines bars (sales) with an overlaid line (profit) on a shared axis. Both charts use `d3.csv`, `d3.scaleUtc`, `d3.scaleBand`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for rendering. The data is loaded from a local CSV file.

Vvijaysaichigullapally1@gmail.com
78% 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