Skip to main content
SimilarExport ZIP
100%

dex.js : ECharts Line Chart

✓ Published0🌍 Public
Yyudhi115
Last edited Jun 17, 2020
Created on Jun 17, 2020

This example demonstrates a 3D bar chart with dex.js and ECharts, visualizing randomly generated sales and revenue data across twelve months for five fictional employees. The data is created using Faker, and the chart is embedded in an HTML page with a layout system. The code uses dex.js’s ECharts BarChart3D component, along with jQuery UI for layout management and a configuration pane that allows interactive chart customization.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

This line chart visualizes three randomly generated data series over thirty samples, rendered with the dex.js charting library. The chart uses the C3 library’s line chart implementation, which is configured through a dex.charts.c3.LineChart instance. Data is generated on the fly via dex.datagen.randomIndexedMatrix, producing numeric values between 1 and 100 for columns A, B, and C. The visualization is embedded in a full-page HTML layout, with styling from Twitter Bootstrap and jQuery UI, and dependencies like Faker and Underscore loaded from CDNs.

663anp3ca
79% match
Loading thumbnail…

Line Chart

This example demonstrates a line chart visualization that displays multiple data series over a series of samples. The chart is rendered using the dex.js library, which leverages the C3 charting framework and D3 for its underlying SVG rendering. The visualization plots three distinct lines—labeled A, B, and C—with each data point generated randomly by the `dex.datagen.randomIndexedMatrix` utility. The entire chart fills the browser window, with styling applied through Bootstrap and jQuery UI components. The code instantiates the chart via `dex.charts.c3.LineChart`, configuring it with a CSV dataset and specifying the parent container element.

663anp3ca
75% 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
73% 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
73% match
Loading thumbnail…

3D Bar Chart using D3.js

This example shows mobile phone sales data for multiple companies across twelve months as an interactive 3D bar chart. It uses the d3-x3d library to render the chart in X3DOM, a WebGL-based scene graph, by populating a `d3.x3d.chart.barChartMultiSeries()` component inside a React application. The data is loaded as CSV and parsed into a multiseries format, with D3 v5 handling scales, axes, and selections while d3-3d assists with 3D transformations.

Aachyutanandmishra17@gmail.com
72% match
Loading thumbnail…

3D Bar Chart using D3.js

This example shows car manufacturer sales across the first six months of the year as an interactive 3D bar chart, with each manufacturer’s monthly values rendered as vertical bars in a three-dimensional scene. The visualization uses D3.js v5 for data loading and scaling, the d3-3d plugin to convert 2D bar coordinates into 3D geometry, and the X3DOM library to render the scene in the browser. Data comes from a CSV file parsed into per-manufacturer monthly series, which are then passed to the `d3.x3d.chart.barChartMultiSeries()` chart component. The chart updates its displayed data after initially loading a random dataset.

KKELVIN WAMBUA NZIOKI
72% match
Loading thumbnail…

3D Bar chart

This example visualizes car sales across multiple car models for the first six months of the year using an animated, interactive 3D bar chart rendered with the x3dom library. The chart displays multi-series data loaded from a CSV file, parsed into objects with keys for each month (January through June) and their respective sales values. The implementation uses d3-3d’s `barChartMultiSeries` component, which relies on the Three.js-based x3dom for 3D rendering, and D3 v5 for data parsing and selecting the chart holder. The bars rotate in 3D space, allowing examination from different angles.

Hharika-1929
71% match
Loading thumbnail…

3D Bar chart - Bonus_ICE

This example presents a 3D multi-series bar chart visualizing attrition across departments for three years (2016–2018). It renders the categorical data as extruded bars in a spatial scene, with axes and grid lines for depth perception. The visualization leverages the `d3-x3d` library, which bridges D3.js v5 with X3DOM for WebGL-based 3D output. Data is loaded asynchronously from a CSV file using `d3.csv` and parsed into key-value pairs, then bound to the chart via `chartHolder.datum(data).call(myChart)`. The demo also includes sample random data generation for initial display before the real dataset loads.

HHema1430
71% match