Skip to main content
SimilarExport ZIP
100%

Fork of ICE

✓ Published0🌍 Public
SSnarasimhap
Last edited Jul 6, 2022
Created on Jul 6, 2022
Forked from 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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE

This example displays a 3D multi-series bar chart of student scores in Science, English, History, and Maths for named individuals, with data loaded from a CSV file. The visualization uses the d3-x3d library alongside d3.v5, x3dom, and the d3-3d plugin to render interactive WebGL-based bars. The chart is generated by calling `d3.x3d.chart.barChartMultiSeries()` on a chart holder div, with data parsed via D3’s `csv` function and rows transformed into key-value pairs using a custom `parseRow` function. Yellow backgrounds and black text style the page.

SSnarasimhap
90% match
Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example displays a 3D multi-series bar chart of car manufacturer sales data for the first six months of a year. The visualization renders groups of colored bars in a three-dimensional space, allowing comparison of monthly values across manufacturers. The code uses the d3-x3d library, which bridges D3.js with X3DOM for WebGL-based 3D rendering, alongside d3-3d for 3D scene construction. Data is loaded from a CSV file using `d3.csv`, parsed into key-value pairs per manufacturer, and then passed to the `d3.x3d.chart.barChartMultiSeries` component for display.

Mmarlow7d's
88% 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
88% match
Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This is a 3D multi-series bar chart rendering car manufacturer sales data for the first six months of a year. It uses the d3-x3d library to generate X3DOM-based 3D scenes, with D3.js v5 handling CSV parsing and data binding. The visualization displays each manufacturer as a group of six colored bars, one per month, with heights mapped to numeric values parsed from a GitHub-hosted CSV file. Axes and chart layout come from the d3.x3d.chart.barChartMultiSeries API, while d3.scaleLinear and d3.axis functions manage scaling and tick marks.

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

Fork of 3D Bar Chart using D3.js

This example renders car manufacturer sales data as a 3D bar chart using D3.js v5, the d3-3d library for 3D geometry, and x3dom for X3D rendering. It loads CSV data from a GitHub gist, parsing monthly values for each manufacturer, and displays them as multi-series bars over six months. The chart uses `d3.x3d.chart.barChartMultiSeries()` to draw the bars and axes, while `d3.csv` fetches and processes the data. The visualization shows comparative monthly performance across manufacturers in an interactive 3D scene.

PPrasun Pal
87% match
Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example displays car manufacturer data for the first six months across ten years (2000–2009) as an interactive 3D bar chart. It uses the d3-x3d library to render D3.js-based bar chart multi-series visualizations within an X3DOM scene. The code loads CSV data from a GitHub gist, parses each row into key-value pairs, and binds the resulting dataset to the chart holder using d3.x3d.chart.barChartMultiSeries(). The visualization leverages D3 v5’s CSV parsing and selection APIs, with d3-3d for 3D geometry and X3DOM for WebGL rendering.

Vvryvarma5577@gmail.com
87% match
Loading thumbnail…

Fork of Fork of 3D Bar Chart using D3.js

This example presents car manufacturer sales data for six months as an interactive 3D bar chart. It uses the D3.js `csv` loader to parse a remote CSV file into a multi-series dataset, which is then attached to a chart component created with `d3.x3d.chart.barChartMultiSeries`. The visualization leverages the d3-x3d bridge to render bars in an X3D scene, with D3's `scaleLinear`, `axisLeft`, and `axisBottom` handling the chart layout and axes within the HTML container.

SSaiSree0122
87% match