Skip to main content
SimilarExport ZIP
100%

Prjct

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

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.

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…

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
95% 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
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
84% 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…

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

project

This bar chart displays the number of e-commerce healthcare orders for each state, sorted from highest to lowest count. Built with D3 v6, it loads data from a GitHub gist via `d3.csv`, groups records by state, and renders the result as an SVG using `d3.scaleBand` and `d3.scaleLinear` for the axes and bars. The x-axis labels are rotated 45 degrees for readability.

Ssannihitha.k23@gmail.com
80% 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
79% match
Loading thumbnail…

chart

This bar chart visualizes order totals by state, with data loaded from a CSV file. It sorts the states descending by total value and displays each state's total directly above its bar. Built with D3 v7, the visualization uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the continuous y-axis, and `d3.axisBottom` and `d3.axisLeft` for the tick marks. The chart labels the axes "State" and "Total" and includes a title.

Ssannihitha.k23@gmail.com
78% match