Fork of ICE

100%

✓ Published0🌍 Public

Last edited Jul 7, 2022

Created on Jul 6, 2022

Forked from ICE

This example presents a 3D bar chart showing car sales figures for multiple brands across different years, rendered using D3.js and the d3-x3d library. The visualization uses a multi-series bar chart layout, with the x-axis representing car brands and the z-axis (depth) showing years. The chart loads data from a CSV file, parsing it into a structured format where each year contains values for Ford, Chevrolet, Honda, Toyota, Hyundai, and BMW. The code initializes the chart using `d3.x3d.chart.barChartMultiSeries` and applies D3's `csv` and `scaleLinear` functions within an X3D-based rendering environment for interactive 3D exploration.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE

This example renders a 3D multi-series bar chart of car manufacturer data for the first six months, with each manufacturer’s values for Science, English, History, and Maths displayed as colored bars. The visualization uses the d3-x3d library, which bridges D3.js and X3DOM to produce interactive 3D scenes in the browser. Data is loaded from a CSV file via D3’s `csv` method and parsed into the expected hierarchical format before being passed to the `d3.x3d.chart.barChartMultiSeries` component. The page is styled with CSS, and the chart is placed inside a div with a fixed height and width.

SSnarasimhap

87% match

Loading thumbnail…

Fork of Fork of d3-x3d : 3D Bar Chart Example

This example shows a 3D multi-series bar chart of USA vehicle sales by quarter for major automotive brands in 2021. The visualization renders four quarterly bars per manufacturer using the d3-x3d library, which integrates D3.js with X3DOM for WebGL-based 3D graphics. The code loads CSV data from a GitHub gist, parses each row into a manufacturer and quarterly values, and then binds it to the chart component. It uses D3 v5 scaling and selection methods, alongside the d3-3d library for 3D data handling, all embedded in a plain HTML page with CSS styling.

Aakhil kata

85% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example visualizes car sales from 2010 to 2019 as a 3D bar chart, with each manufacturer’s yearly values rendered as a series of extruded bars. It uses the `d3-x3d` library to bridge D3.js with X3DOM for WebGL-based 3D rendering, alongside `d3.csv` for data loading and D3 v5 scales and axes for layout. The chart is built with `barChartMultiSeries`, and data comes from a remote CSV containing monthly sales figures per manufacturer.

Aakhil kata

85% match

Loading thumbnail…

Fork of d3-x3d : 3D Bar Chart Example

This example presents a 3D multi-series bar chart that visualizes car sales data for the top six manufacturers in the USA for 2021, broken down by quarterly sales figures. The visualization uses the d3-x3d library, which bridges D3 v5 and the X3D standard for declarative 3D graphics, rendering the bars directly in the browser. Data is loaded from a remote CSV file via the `d3.csv` API and parsed into a hierarchical format before being passed to the chart component. The page also incorporates CSS background styling, reinforcing the dashboard-like presentation.

Mmeangreen0067@gmail.com

85% match

Loading thumbnail…

Fork of Fork of d3-x3d : 3D Bar Chart Example

This example visualizes USA vehicle sales by quarter for major automotive brands as a 3D bar chart using the d3-x3d library, which bridges D3.js with X3DOM for WebGL rendering. Each manufacturer appears as a series of bars along the x-axis, with quarterly values mapped to bar heights and color-coded across the four quarters. The code loads CSV data from a GitHub gist, parses it with d3.csv, and feeds it into the d3.x3d.chart.barChartMultiSeries component, which handles the 3D scene construction. D3 v5 utilities such as scaleLinear and axis functions are included but not directly applied in the visible rendering pipeline.

Aakhil kata

85% match

Loading thumbnail…

Fork of Fork of d3-x3d : 3D Bar Chart Example

This example visualizes 2021 quarterly vehicle sales for major American automotive brands as an interactive 3D bar chart, rendered within a standard HTML page. It uses the d3-x3d library to bridge D3.js v5 with X3DOM, creating a three-dimensional multi-series bar layout where each manufacturer is grouped by quarter. The chart loads CSV data from a GitHub Gist, parses the values, and binds them to the visualization. The page also includes a background image of car logos, with the chart displayed in a fixed-height div.

NNaimisha-M

84% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example shows car manufacturer sales data for the first six months of the year in an interactive 3D bar chart. The visualization displays multi-series data with each manufacturer represented by a group of bars for January through June, using the `d3.x3d` library to render the scene in X3D. The code loads CSV data asynchronously via `d3.csv`, parses rows into a multi-series format, and attaches the dataset to a chart component built with `d3.x3d.chart.barChartMultiSeries()`. Styling and interaction rely on D3 v5 selection and layout APIs, with the 3D output rendered through the x3dom framework.

SShishiraRudrabhatla

84% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example uses D3.js version 5 with the d3-x3d library to render an interactive 3D bar chart depicting car manufacturer sales data for the first six months of a year. The data is loaded from a CSV file and parsed into a multi-series format, with each manufacturer’s monthly values mapped to bars along the x- and z-axes. The visualization leverages X3D for 3D rendering, and the chart is created using `d3.x3d.chart.barChartMultiSeries()`, with axes and scales handled by D3’s `scaleLinear`, `axisLeft`, and `axisBottom` functions.

Vvampire91145@gmail.com

84% match