Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Sshailajat1998@gmail.com

Last edited Mar 18, 2024

Created on Mar 18, 2024

This example shows a horizontal bar chart comparing the number of units produced by various car manufacturers. The bars are drawn as SVG rectangles, with the x-axis representing the count of units and the y-axis listing manufacturer names. The visualization loads its data from a remote CSV file, which is parsed manually into an array of rows. Using D3.js v7, the code applies a linear scale for the x-axis, a band scale for the categorical y-axis, and appends axis labels and a title directly within the SVG container.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a D3.js v7 line chart that visualizes the profit trends of an automobile sales company from 1985 to 2024. The visualization uses SVG rendering with a band scale for the years on the x-axis and a linear scale for profit values (in millions) on the y-axis. Red circular points mark yearly data values with tooltips on hover, connected by a red line to emphasize trends. The chart includes labeled axes, a title, and uses the Poppins font, with margins calculated from the window dimensions for a responsive layout. The source data is fetched from a CSV file hosted on GitHub.

Ppavan vasamsetti

80% match

Loading thumbnail…

Fork of HTML Starter

This example shows a simple bar chart rendered as SVG rectangles, with bar widths and colors mapped linearly to the values in a three-element data array. It uses D3 v3’s selection and data binding to append the rectangles, then applies `d3.scale.linear` for both width and color scales (mapping 0–80 to pixel widths and red-to-blue fills). Animated via `transition()` on the width attribute. The rendering relies on D3’s SVG manipulation with no external data source beyond the hardcoded JavaScript array.

Bbrunotrindademachado

80% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example presents six months of car manufacturing data for several manufacturers as a 3D multi-series bar chart. The visualization renders interactive 3D bars within an HTML page using the D3.js charting library in conjunction with the X3DOM framework and the d3-x3d adapter, which handles the 3D scene. Data is loaded from a remote CSV file via `d3.csv`, parsed into a structure with manufacturer and monthly values, and then passed to the `d3.x3d.chart.barChartMultiSeries` component for display.

SsreepavanKothapalli

79% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This visualization displays car manufacturer sales data for the first six months of the year as an interactive 3D bar chart, with each manufacturer represented by a multi-series bar broken down by month. The chart is rendered using the d3-x3d library, which integrates D3.js v5 with X3DOM for 3D scene output. Data is loaded from a CSV file hosted on GitHub, parsed via D3’s `csv` function, and passed to the `d3.x3d.chart.barChartMultiSeries` component. The example also loads helper scripts from unpkg and raw.githack, demonstrating a practical blend of D3 and 3D web technologies.

Rrajasrilekkala

79% 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

79% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This visualization presents car manufacturer sales data for the first six months of the year as an interactive 3D bar chart. It uses the D3.js library (v5) along with the d3-3d extension and the X3DOM framework to render the three-dimensional bars, with each bar representing a manufacturer's monthly sales figures. The data is loaded from a CSV file containing the monthly values for each manufacturer across the months of January through June. The chart uses a multi-series bar chart component from the d3-x3d library to display the dataset, with axes and bar series generated programmatically.

Aadapavaishnavi12

79% match

Loading thumbnail…

Fork of 3D Bar Chart using D3.js

This example visualizes car manufacturer sales data for the first six months of the year as an interactive 3D bar chart. The chart displays multiple manufacturers across the months of January through June, with the height of each bar representing the sales value. The visualization is built using D3.js v5 and the d3-3d library, which renders the chart in 3D space using the X3DOM framework. The code loads CSV data from a GitHub gist and uses D3's `csv` parsing function to transform the raw data into the multi-series format expected by the `d3.x3d.chart.barChartMultiSeries()` component.

SSheshidharreddy

79% match

Loading thumbnail…

Fork of Fork of Bar chart with a Sequential color scale

A horizontal bar chart displays the average horsepower of seven car brands, from Volkswagen to Mercedes-AMG, sorted in ascending order. Bars use a sequential color scale from the ColorBrewer Reds palette, rendered as SVGs via D3 v6, with a hover tooltip showing exact values. The code loads data from a CSV, applies `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleQuantize`, and uses the d3-legend library to generate a color legend.

Mmavercikalvin

79% match