3D chart

100%

✓ Published0🌍 Public

Last edited Apr 5, 2023

Created on Apr 2, 2023

Forked from d3-x3d : 3D Bar Chart Example

This 3D bar chart visualizes sales comparisons for the top six fast-food restaurants in Denton across four quarterly periods (Q1–Q4). The chart uses the d3-x3d library to render an interactive 3D scene within an X3D framework, with data loaded from a CSV file and parsed via d3.csv. The visualization employs d3’s scale-linear and axis functions to map quarterly values to bar heights, while the page includes a custom background image and styling via CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Sales of Restaurant in USA first 2 quarters

This example shows monthly sales for six months across several US restaurants, with a grouped 3D bar chart where each restaurant has a row of bars for January through June. The visualization uses the d3-x3d library, which bridges D3.js with X3DOM to render WebGL-based 3D scenes directly in the browser. Data is loaded from a CSV file via `d3.csv` and parsed into a multi-series format, then passed to `d3.x3d.chart.barChartMultiSeries()`. The chart uses D3 v5 and relies on the d3-3d plugin for three-dimensional geometry.

MMahendraGullinkala

80% match

Loading thumbnail…

3D Bar Chart

The visualization displays a 3D multi-series bar chart comparing quarterly U.S. car sales for the top six manufacturers across four consecutive years, using an X3D scene embedded in the DOM. The chart renders each manufacturer as a cluster of rectangular bars, with height encoding sales volume per quarter. Data is loaded from a remote CSV file via D3’s `csv` function and parsed with a custom row-mapping callback. The example leverages the `d3-x3d` library in conjunction with D3 v5, the `d3-3d` module, and the x3dom runtime to produce interactive, three-dimensional bars.

Ssuchitra2602

80% match

Loading thumbnail…

d3-x3d : 3D Bar Chart Example

This example shows 2021 quarterly sales for top US automotive brands as an interactive 3D bar chart. The visualization uses the d3-x3d library to render D3.js v5 selections into X3DOM scenes, with bars representing each manufacturer’s quarterly sales figures. Data is loaded asynchronously from a GitHub-hosted CSV using d3.csv, with each row parsed into a multi-series format. The chart is initialized via d3.x3d.chart.barChartMultiSeries() and bound to a DOM element through D3’s datum() and call() methods.

RRavi Teja Bonam

79% match

Loading thumbnail…

3D Bar Chart using D3.js

This example visualizes supermarket sales data as an interactive 3D bar chart, with each bar representing a city across multiple months. The visualization uses D3.js v5 for data loading and layout, combined with the d3-3d library to extrude bars into three dimensions, and X3DOM for WebGL rendering of the 3D scene. Sales figures are parsed from a CSV file via `d3.csv`, and the chart is created using `d3.x3d.chart.barChartMultiSeries()`, which manages axes and bar positioning in 3D space. The rendering approach leverages the d3-x3d bridge to convert D3 selections into X3D DOM elements for real-time interactivity.

SsreepavanKothapalli

78% match

Loading thumbnail…

Fork of d3-x3d : 3D Bar Chart Example

This example visualizes quarterly sales of electronics brands in 2022 as a 3D bar chart, using the `d3-x3d` library to render interactive X3D scenes. The chart maps brand names along one axis and quarters (Q1–Q4) along another, with bar heights representing sales figures from embedded CSV data. It leverages d3.v5 APIs such as `scaleLinear`, `axisLeft`, `axisBottom`, and `csvParse` to process and scale the data, while the `d3.x3d.chart.barChartMultiSeries()` component constructs the 3D visualization within an HTML page using CSS for layout.

Hhailiwang@my.unt.edu

78% match

Loading thumbnail…

3D Bar Chart using D3.js

This example visualizes retail sales for the first six months of the year as an interactive 3D bar chart, with each retailer’s monthly figures grouped along separate axes. It uses the `d3.x3d` library to render X3D scenes, automatically creating a multi-series bar chart where the data is parsed from a CSV file via `d3.csv` and `parseRow`. The chart is embedded in an HTML page using D3 v5, with `d3.select` and `.datum().call()` to attach the data to the DOM element, and it leverages the `d3-3d` and `x3dom` libraries for the 3D output.

PPriyaEnuganti

78% match

Loading thumbnail…

3D Bar Chart Example

This example visualizes quarterly electronics sales for major brands in 2022 as a 3D multi-series bar chart. Each brand has four bars representing Q1 through Q4, with a color legend differentiating the series. The chart uses `d3.x3d.chart.barChartMultiSeries()` to render bars in X3D, with data loaded from a CSV via `d3.csv` and scales from `d3.scaleLinear`. Axes are added using `d3.axisLeft` and `d3.axisBottom`, all built with React, D3 v5, and the d3-x3d and x3dom libraries.

Hhailiwang@my.unt.edu

78% match

Loading thumbnail…

3D Bar Chart using D3.js

This example visualizes cement sales for the first six months as a 3D bar chart, with each construction category represented by a series of colored bars. It uses the d3-3d plugin to project the bars into three dimensions, while the d3-x3d library renders the scene through X3DOM in the browser. The data is loaded from a CSV file via `d3.csv`, and the chart is generated using the `d3.x3d.chart.barChartMultiSeries()` component, with axes and scales provided by D3 v5. The visualization supports interactive rotation, allowing viewers to inspect the data from multiple angles.

UUNTAdityaAnanthula

77% match