Skip to main content
SimilarExport ZIP
100%

task2 prjct

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

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.

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…

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
93% 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
88% match
Loading thumbnail…

Prjct

This example presents four coordinated visualizations of order data, including a bar chart of order counts by state, a line chart of total sales over time, and a histogram of order totals. It uses D3.js v7 to load a CSV file from GitHub and render the charts as SVGs. The code employs D3's `rollup` function for grouping and aggregation, `scaleBand`, `scaleLinear`, and `scaleTime` for axes, and `bin` for histogram creation, with interactive hover effects applied to bars.

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

project task1

This interactive bar chart visualizes the distribution of order counts by state, using D3.js v7 to render SVG bars sorted in descending order. The code loads CSV data, aggregates counts per state with a reduce operation, and displays axes with rotated state labels for readability. Users can observe the relative frequency of orders across different states, with the bar height encoding the total count for each location. The visualization employs d3.scaleBand, d3.scaleLinear, and d3.axisBottom to create the chart, which reads from a local OrdersCleaned.csv dataset.

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

project task1

This example shows a bar chart of order counts by state, using data loaded from a remote CSV file. The visualization renders an SVG with rotated axis labels, and the bars are colored with a custom fill. It demonstrates loading D3 via UNPKG, parsing CSV data with `d3.csv`, and building scales and axes with `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. The code also includes an ES6 module example through a local `import`.

Aajaykumarseelam@my.unt.edu
84% match
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
83% match
Loading thumbnail…

project task1

A bar chart displays the number of e-commerce healthcare orders for each state, sorted in descending order to highlight the states with the highest order counts. The visualization uses D3 v6 to load a CSV dataset from a GitHub gist, roll up the records by state, and render an SVG with an X and Y axis. Data processing relies on `d3.rollups`, `d3.descending`, and scaling via `d3.scaleBand` and `d3.scaleLinear`, while the bars are created with `d3.selectAll(...).join("rect")`. State labels are rotated for readability on the axis.

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