Skip to main content
SimilarExport ZIP
100%

Tableau

✓ Published0🌍 Public
Ssannihitha.k23@gmail.com
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Fork of WEBPAGE

This interactive dashboard displays a collection of pre-rendered SVG charts covering COVID-19 statistics and e-commerce analytics. Users select a topic from a set of buttons, which loads corresponding SVG images hosted on GitHub. The interface uses HTML buttons with event listeners in JavaScript to toggle between chart displays, while Chart.js is loaded for potential canvas-based visualizations, though the primary interaction relies on swapping SVG image sources.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of WEBPAGE

This example is an interactive dashboard that presents a set of pre-rendered SVG charts, including a COVID-19 cases timeline, a scatter plot, a heatmap, and an orders comparison. Users select charts via buttons, which trigger the loading and display of external SVG files from a GitHub repository. The interface uses HTML, CSS, and vanilla JavaScript to manage button events and swap between a Chart.js bar chart rendered on a Canvas and the static SVG images. The chart views are designed for comparison and quick access, with a focus on switching between different data representations.

Ssannihitha.k23@gmail.com
80% match
Loading thumbnail…

Python

This example presents a curated collection of e-commerce visualizations, allowing users to switch between nine distinct charts showing new cases over time, orders by state, order status proportions, and pre- vs. post-COVID comparisons. Users select a chart via buttons, which dynamically replaces the displayed image or canvas. The code loads remote SVG files generated externally and uses Chart.js for canvas-based bar charts, while managing display visibility through JavaScript DOM manipulation.

Ssannihitha.k23@gmail.com
79% match
Loading thumbnail…

WEBPAGE

This dashboard presents a collection of data visualizations, offering buttons to navigate between different chart types such as bar charts, scatter plots, heatmaps, and line charts. It loads Chart.js for canvas-based bar charts and displays externally hosted SVG images for other visualizations, with buttons linking out to VizHub projects built with Tableau, Python, PowerBI, and D3.js. The interface uses a gradient background and interactive hover effects on its selection buttons.

Ssannihitha.k23@gmail.com
77% match
Loading thumbnail…

COVID-19

This interactive COVID-19 dashboard displays country-level statistics using horizontal bars. Users select an attribute from a dropdown, and React state updates the chart to show that metric. Driven by a CSV of global pandemic data, the visualization renders bars with SVG rectangles via React components, using D3 scales (`scaleBand`, `scaleLinear`) and axes (`AxisBottom`, `AxisLeft`) to position the data. Tooltips appear on hover through SVG `<title>` elements.

WW9183907
75% match
Loading thumbnail…

Test

This interactive dashboard displays global COVID-19 cases and deaths on an SVG map of the world, allowing users to switch between years and metrics such as total cases, hospitalizations, and vaccinations. The map renders geographic boundaries from the supplied world.geojson file using d3.geoPath, while dropdown menus update the displayed data. The visualization also integrates an embedded Tableau dashboard via JavaScript, overlaying external analytics alongside the D3 map. Color-coded regions with a gradient legend communicate severity, and hover tooltips provide additional detail. The code relies on d3.v7 for geographic projections and data binding, with CSS styling for layout and interactivity.

UUthkarsh Reddy Junuthula
75% match
Loading thumbnail…

Table

This interactive visualization gallery presents a collection of chart types, including bar charts, pie charts, line charts, and scatter plots, all built using D3.js v5. Each chart is rendered as an SVG element and can be selected from a dropdown menu, with the underlying data displayed in a preview table. The example uses various D3 APIs such as `d3.scaleBand`, `d3.axisBottom`, and `d3.pie` to create the visualizations, with some charts featuring animation and tooltip interactions. Data is loaded from a CSV file and processed by the dashboard module.

JJoker-tr
75% match
Loading thumbnail…

COVID-19 DASHBOARD

This interactive dashboard visualizes COVID-19 trends with multiple linked charts, including a world map showing total cases, line charts for new cases by country, and an income-bracket comparison. It also includes a vaccination chart and a navigator for exploring case timelines. Built with React and D3 v7, the visualization uses `d3.geoPath` with TopoJSON for map rendering, `d3.scaleTime` and `d3.scaleLinear` for axes, and SVG with animations for interactive updates. Data is loaded from the Our World in Data COVID-19 CSV files, with country coordinates from a custom JSON file.

Bbhargav83
74% match
Loading thumbnail…

Untitled

A dashboard of linked COVID-19 visualizations shows global cases via a Leaflet map, interactive line charts of pandemic metrics, and scatter plots. Users can select countries on the map to filter data, while brushable axes and k-means clustering reveal relationships like GDP per capita versus case rates. Built with d3.v7 and SVG animations, the dashboard loads data from a CSV and GeoJSON files.

Bbhargav83
74% match