interactive

100%

✓ Published1🌍 Public

Last edited Mar 12, 2022

Created on Mar 12, 2022

A 3D interactive column chart shows the total COVID-19 case counts for the most affected countries, with the United States leading at over 80 million cases. The chart uses Highcharts with 3D options enabled, setting alpha and beta angles for rotation and a depth for the columns. Data is provided inline as arrays of [index, value] pairs, mapped to category labels for each country. The jQuery `$` function initializes the chart within a container div, using the Highcharts `column` chart type with stacking and grouping disabled.

AI-generated description

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

Similar vizzes

Loading thumbnail…

3D chart

This 3D bar chart visualizes the top 10 countries most affected by COVID-19, with each country’s total case count represented as a vertical bar. The example uses D3 v5 alongside the d3-3d and d3-x3d libraries to generate the interactive scene, which is rendered through X3DOM in the browser. Data is loaded asynchronously from a CSV file, then parsed and passed to a `d3.x3d.chart.barChartMultiSeries()` component attached to a chart holder div. The page includes custom CSS styling for the heading and body layout.

Bbhargavarathod

80% match

Loading thumbnail…

COVID-19 US Interactive

This interactive line chart displays the rolling seven-day average of COVID-19 cases in the United States over time. The visualization uses React and D3 v6, with the data sourced from the New York Times’ public COVID-19 repository. The chart plots dates on the x-axis and average cases on the y-axis, rendered as an SVG using custom `AxisBottom`, `AxisLeft`, and `Marks` components. Hovering over data points triggers a `Tooltip` showing the formatted value. The code leverages D3’s `scaleTime`, `scaleLinear`, and `csv` for data parsing and scaling.

DDasbach.EJ

78% match

Loading thumbnail…

Bonus ICE - Bart Chart 3D

This example visualizes the top 10 countries by COVID-19 case counts using a 3D stacked bar chart. Each column represents a country, with three stacked segments showing total cases, total recovered, and active cases. The chart uses the Highcharts library with its highcharts-3d module, enabling a rotated perspective via the `options3d` configuration (alpha, beta, and depth). Data is supplied directly in the series arrays, with categories labeled by country names on the x-axis and case numbers on the y-axis.

AAashish Pandey

77% match

Loading thumbnail…

VarshaG3D-1

This example shows a 3D column chart comparing COVID-19 case counts across the top ten affected countries, with each country’s active, recovered, and total cases displayed as stacked bars along separate z-axis categories. Using Highcharts with the highcharts-3d module, the chart applies an isometric perspective through the `options3d` settings (alpha, beta, viewDistance, depth) and renders each series with distinct colors (red, green, orange). Data is provided inline as arrays for the three series, with categories for countries on the x-axis and case numbers on the y-axis.

VVReddy913

77% match

Loading thumbnail…

Covid 19 Cases in the US

This visualization displays COVID-19 case counts in the United States using a three-dimensional bar chart. The chart shows daily values for positive, negative, and recovered cases across multiple dates from the provided COVID-19 dataset. The code utilizes D3.js v5 alongside the d3-x3d library and X3DOM to render the 3D multi-series bar chart, with data loaded from a CSV file and parsed into a format compatible with the d3.x3d.chart.barChartMultiSeries() API.

Bbugfree55

76% match

Loading thumbnail…

ice 6

A horizontal bar chart displays the top 10 countries by COVID-19 case counts, with countries listed on the y-axis and case numbers on the x-axis. The visualization uses React to manage state and render SVG elements, while D3 v5 functions like `csv`, `scaleBand`, and `scaleLinear` handle data loading, scaling, and axis ticks. Data is fetched from a GitHub-hosted CSV file.

Bbhargavarathod

75% match

Loading thumbnail…

Fork of 3D chart

This example displays the top 10 countries most affected by COVID-19 using a 3D bar chart rendered via the d3-x3d library and X3DOM. It loads CSV data from a GitHub gist, parses each row into key-value pairs for country and case counts, and feeds this into a multi-series bar chart component. The chart is attached to a div with a heading, and the visualization updates once the asynchronous CSV fetch completes. The code relies on d3.csv for data parsing, d3.select for DOM manipulation, and the chart’s datum and call methods for rendering.

VVineela Reddy

75% match

Loading thumbnail…

Line Chart of New Covid cases in country of 3 pandemic years (interactive)

This interactive line chart displays new COVID-19 cases across ten countries over a three-year period. The visualization uses progressively fading non-hovered lines and relies on hovering over a country name in the legend to highlight its individual trend. Built with React and D3 v5, the chart employs D3’s `scaleTime` and `scaleLinear` for axes and `line` with `curveNatural` for rendering each country’s SVG path. The underlying data is sourced from a CSV file provided in the repository.

SSushmaNamidi@my.unt.edu

75% match