Project Dashboard

100%

Project Dashboard

✓ Published0🌍 Public

Last edited May 1, 2023

Created on May 1, 2023

This dashboard presents a clickable title page for a project on the history of volcanoes, using a background image and a button to navigate to a separate visualization page. The page is styled with inline CSS to center headings and the button, while the button links directly to an external HTML file via an anchor tag. No JavaScript or external visualization libraries, such as D3.js, are used in this code; the rendering is limited to static HTML and CSS with the background image sourced from a local file path.

AI-generated description

MIT Licensed

Similar vizzes

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

67% match

Loading thumbnail…

HTML Volcanoes on Venus

This example displays a static SVG visualization titled “HTML Volcanoes on Venus.” The scene renders a blank 960×500 pixel canvas with no visible data or drawn elements, as the page only initializes an empty SVG and logs the loaded D3 library to the console. The code relies on D3 v6 and sets up a minimal document structure with a separate stylesheet that removes margins and hides overflow. No data source, map projection, or force simulation is implemented in the provided files.

SStellaSong1

64% match

Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This visualization gallery page presents a health dashboard exploring how diet, cardiovascular health, and sleep influence each other. It uses D3.js v7 and links to multiple Tableau Public dashboards and VizHub-hosted D3 visualizations. The page displays project buttons that route to external scatter plots, line charts, and dashboards, with a bubble-chart-style backdrop. The code sets up core D3 modules via package.json and uses CSS flexbox, backdrop filters, and hover transitions to organize the gallery layout. The visualization itself is a curated collection of health-tracking charts focused on the three-way relationship between lifestyle factors.

Bboinapallyhimaja657@gmail.com

64% match

Loading thumbnail…

Dashboard

This dashboard presents project health metrics—cost, schedule, progress, CPI, SPI, resources, and issues—for a fictional project in a grid layout. It combines a D3.js v5 line chart tracking actual, baseline, and forecast costs over time with a D3 donut chart showing issue status. The interface includes Font Awesome icons in KPI cards, a filter panel, and an interactive issue detail table.

Mmaxime-plantard

64% match

Loading thumbnail…

HTML Volcanoes on Venus D3

This example displays a scatterplot-style visualization of volcanoes on Venus, rendered as SVG circles within an HTML page. The code loads the D3 library (v6) and sets up a 960 × 500 pixel SVG canvas, though no explicit data is loaded or bound; it simply logs the D3 version to the console. The visualization relies on D3’s core API for potential DOM manipulation and SVG generation, with basic styling provided by an external stylesheet that removes margins and hides overflow.

SStellaSong1

64% match

Loading thumbnail…

Telsa Visualizations

This gallery presents a data-visualization project centered on Tesla, offering a hub of buttons that link out to different visualization frameworks. The main page uses a background image of charts and simple HTML/CSS for styling and navigation. The code provides direct access to separate visualization implementations built with Tableau, Python, and D3, though the specific content of those linked pages is not shown here. The interface itself is built with standard JavaScript and CSS, enabling user interaction to switch between the different visualization tools.

GGogineni44

63% match

Loading thumbnail…

CS360 Project Website

This example presents a project website for a data science salary visualization, documenting the creator, project description, and links to a bar chart demo. The page is built with basic HTML and CSS, using inline styles for colored text and standard anchor tags for navigation. It does not include any JavaScript or visualization code itself, instead serving as a static informational hub. The linked bar chart is hosted externally on VizHub, but the main page functions as a pure HTML/CSS document without additional libraries or rendering frameworks.

DDuc Pham

63% match

Loading thumbnail…

Volcano

This visualization animates contour lines of volcano elevation data, smoothly interpolating between threshold boundaries to create a flowing, morphing effect over a geographic projection. The contours are generated using `d3.contours` from a grid of elevation values in `volcano.json`, projected with `d3.geoNaturalEarth1` and rendered as SVG paths via `d3.geoPath`. A sequential plasma color scale encodes elevation values, while an infinite loop transitions path shapes and fills every 200 milliseconds using `d3.transition`. The animation cycles through paired thresholds, creating continuous, fluid distortions of the terrain.

Vvivianaaai@qq.com

63% match