maggi

100%

✓ Published0🌍 Public

Last edited Mar 12, 2022

Created on Mar 12, 2022

Forked from Untitled

This visualization displays a 3D bar chart comparing gemstone prices (diamond, emerald, ruby) across four unspecified value categories. The chart uses AnyChart's `bar3d` method with a Cartesian 3D layout. The code maps data through `anychart.data.set` and `mapAs` to create four series, applies dollar formatting to the y-axis labels, and configures tooltips, legends, and interactive hover modes. The chart is rendered in a full-page container using AnyChart's standard API.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Untitled

A 3D bar chart displays the prices of gemstone categories (diamond, emerald, ruby) across four unnamed series. The visualization uses AnyChart’s `bar3d` chart type with data mapped from a static dataset. The chart includes animated rendering, a dollar-formatted y-axis, rotated x-axis labels, a legend, and custom tooltips showing values in dollars. The bar series are styled with depth and perspective via `zAspect`, `zAngle`, and `zDistribution` settings.

Eeravellisaimeghana

82% match

Loading thumbnail…

interactive bar chart

This interactive bar chart displays gemstone prices using a 3D column layout, with each bar representing a different gem type such as Diamond, Emerald, and Ruby. The chart employs Highcharts within a jQuery interface, configured with 3D rendering options including alpha, beta, and depth settings. The data values, shown on the y-axis labeled with COVID-related context, are presented in a single series titled "Total Price." The visualization uses categorical x-axis labels and stacked column formatting to compare the gemstone values.

Eeravellisaimeghana

81% match

Loading thumbnail…

Sai Meghana

This example visualizes six years of gemstone price data across multiple gem types using an interactive 3D bar chart. The visualization renders the dataset as a multi-series bar chart in three-dimensional space, with each bar’s height representing a yearly value. The code loads CSV data via `d3.csv`, parses it with a custom row function, and renders the chart using the `d3.x3d.chart.barChartMultiSeries` API, which integrates D3 with X3DOM for WebGL-based 3D graphics. The chart is displayed within an HTML div using D3’s selection and `.datum()` method.

Eeravellisaimeghana

76% match

Loading thumbnail…

Fork of interactive bar chart

This interactive column chart displays GEMSTONES data, with bars representing values for categories like Diamond, Bluesaphire, Emerald, and others. The chart uses a 3D perspective effect with configurable rotation parameters. Built with the Highcharts JavaScript library and jQuery, the code configures a column chart with stacked, grouped bars and custom depth settings. The y-axis is labeled "Most effected Countries with Covid," though the series data appears to represent prices.

Eeravellisaimeghana

75% match

Loading thumbnail…

3D Bar chart

This example displays monthly sales rates for different fruits as colored 3D bars, with one cluster per fruit and twelve bars per cluster representing January through December. The visualization uses the d3-x3d library to bridge D3.js version 5 with X3DOM for WebGL rendering. Data is loaded from a CSV file via `d3.csv`, then parsed into nested objects where each fruit has an array of month-value pairs. The chart is configured using `d3.x3d.chart.barChartMultiSeries`, which automatically generates scalable vector graphics coordinates and 3D geometry, while axes and scales are handled internally by the chart component.

MMgk1255

68% match

Loading thumbnail…

Untitled

A 3D bar chart displays revenue for three product categories across four states, with vertical bars for Nail polish, Eyebrow pencil, and Lipstick, and color-coded series for Florida, Texas, Arizona, and Nevada. The chart is built using the AnyChart JavaScript library, which handles data mapping, animation, tooltips, and legend rendering. The SVG output is generated dynamically via the AnyChart API, with dollar-formatted Y-axis labels and rotated x-axis labels.

Ssalimjivani

67% match

Loading thumbnail…

Diamonds

This scatter plot displays the relationship between diamond mass in carats and price in US dollars. The visualization uses a canvas overlay to draw semi-transparent blue circles that accumulate over time, creating a density effect where overlapping points become darker. A static SVG layer renders the grid and axes, with the x-axis labeled "Mass (carats)" and the y-axis labeled "Price (US$)". The code uses d3.tsv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for the grid and ticks. The data is shuffled and drawn progressively in batches of 500 using a d3.timer, with the canvas context employing a "multiply" composite operation to blend overlapping points.

Mmbostock

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

66% match