task - 1 — VizHub

3D Bar Chart

This example shows a 3D bar chart of game publisher revenue across different genres. It uses the d3-x3d library to render X3D scenes in the browser, with d3.v5 for data loading via `d3.csv` and the d3-3d plugin for 3D bar construction. The data comes from a GitHub Gist CSV file with video game sales figures, and the chart is rendered into a div using `d3.x3d.chart.barChartMultiSeries()`.

88% match

Bar graph-task1

This interactive bar chart, built with React and D3 v5, visualizes the top 12 video games by their North American sales figures. Each game is represented by a rectangular bar, with the horizontal axis encoding sales value and the vertical axis categorizing game titles. The chart is rendered as an SVG within a React component, using D3's `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with data loaded from a CSV file via `d3.csv`. A second, separate plotly-based 3D scatter plot is also included in the project files, but the main gallery view shows the D3 bar graph.

81% match

3D BarChart

This 3D bar chart visualizes global video game sales across genres, broken down by major publishers like Nintendo and Electronic Arts. It uses AnyChart’s `column3d()` chart type with custom 3D settings for z-axis angle and padding. The chart includes animated rendering, a legend, tooltips showing revenue values, and axis labels for genre and price. Data is hardcoded in the script, with values representing sales in USD, and the visualization is built using AnyChart’s JavaScript API within a React-compatible HTML page.

3D Bar Chart using D3.js

This example shows a 3D bar chart visualizing PS4 sales across global regions, with each bar representing a game and segments for North America, Europe, Japan, and the rest of the world. It uses the d3-x3d library to render the chart as X3D scenes within a React page, combining d3.csv for data loading and standard D3 scales for layout. The chart holder initially loads random data, then replaces it with the parsed CSV data from a GitHub gist, displaying the multi-series bars in an interactive 3D space.

Aanushaanumula

Video Game Sales

This example shows regional video game sales as a 3D multi-series bar chart, comparing North America, Japan, and global sales across the top-selling titles. The visualization uses the `d3.x3d` library to render the bars in an X3D scene, with `d3.csv` loading the dataset and a custom row parser structuring the data for the chart. The chart is created by calling `d3.x3d.chart.barChartMultiSeries()`, and the code updates the displayed data using D3’s selection and `datum` methods.

Ppemmasaniprudhvinadh

A Bar Chart(Publisher)

This bar chart displays the sales of video games by publisher, allowing users to select among global, EU, JP, NA, and other regional sales data from a dropdown menu. The chart uses D3 v5 scales and axes to map publisher names along the x-axis and sales values on the y-axis, with each publisher represented as a rectangular mark. Interactive elements include the dropdown for changing the sales metric and tooltips revealing exact values. The underlying data is loaded from a CSV file hosted on GitHub, processed with D3’s `csv` function, and the entire visualization is built using React components and SVG rendering.

RRED98310

3d bar

This example visualizes USA vehicle sales by quarter for major automotive brands using a 3D bar chart. The chart displays multi-series data, with bars representing sales figures for Nintendo, Electronic Arts, Ubisoft, and Sony Computer Entertainment, though the data labels reference game genres. It renders interactive 3D graphics using the X3DOM library and the d3-x3d integration, with d3.v5 handling data loading and chart configuration. The visualization pulls CSV data from a GitHub gist and displays it within an HTML page that includes a background image of car logos.

79% match