100%

Reveal.js Starter

✓ Published1🌍 Public

Last edited Sep 3, 2025

Created on Sep 2, 2025

This example presents a minimal slide deck built with Reveal.js, featuring three HTML slides with titles and text in a black theme. Users navigate between slides via arrow keys or the built-in controls, with progress and history tracking enabled. The presentation initializes through the `Reveal.initialize` API with a slide transition, while custom CSS adjusts heading capitalization and image styling. It demonstrates a basic setup for creating interactive presentations using Reveal.js version 4.3.1 from a CDN.

AI-generated description

Reveal.js Presentation

A basic presentation setup using reveal.js

How to use

Open index.html in a browser to view the presentation.

Use arrow keys or the controls at the bottom to navigate between slides.

MIT Licensed

Similar vizzes

Loading thumbnail…

Gist 3ea15e735c876056ba750785a7ef8362

This example presents a slide deck titled "DH-talk," formatted as a Google Slides presentation. It uses the reveal.js framework to render HTML-based slides, with content drawing from a Gist repository. The presentation focuses on digital humanities topics, and its visualizations are constructed through the `d3.js` library, including `d3.forceSimulation` for network layouts and `d3.geoPath` for geographical mapping. The code demonstrates how to embed interactive charts directly within the slide framework, merging narrative with data-driven graphics for an educational talk.

CCliffordAnderson

72% match

Loading thumbnail…

Untitled

This example demonstrates a simple interactive reveal mechanism using plain HTML, CSS, and JavaScript. The page displays a heading that, when clicked, toggles the visibility of a hidden paragraph. The code uses the Document Object Model (DOM) API via `getElementByClassName` and an inline `onclick` event handler to switch between two CSS classes, `reveal` and `revealed`, which control the `display` property of child elements. This minimal approach highlights basic DOM manipulation and event handling without external libraries.

NNSHkw

70% match

Loading thumbnail…

Vizhub.com AI Presentation Slide

This interactive presentation showcases VizHub, a web platform for creating and sharing D3.js data visualizations. The code renders a nine-slide deck covering platform features, audience, technology stack, business model, and community aspects. Built with vanilla JavaScript, the presentation manages slide content through module scripts, with navigation buttons and arrow-key or spacebar controls for moving between slides. Each slide displays structured content from an array, with a progress indicator showing the current position within the deck.

CCurran Kelleher

68% match

Loading thumbnail…

A dependency-free Vanilla JS drawer

An interactive HTML page demonstrates a slide-out drawer controlled by custom JavaScript, with no external libraries. The drawer slides in from the right side using CSS transform transitions, triggered by an anchor link and closed via a button or overlay click. The content uses placeholder text, while the structure relies on data attributes and semantic markup. The example showcases a pure HTML/CSS/JavaScript approach for creating accessible UI components without frameworks.

Rrickyphula

66% match

Loading thumbnail…

Cards

This example presents a horizontally scrollable gallery of interactive cards, each displaying an image from a shuffled list of external URLs on its front and descriptive placeholder text on its back. Clicking a card triggers a CSS 3D flip animation, revealing the back content, while hovering lifts the card and shifts neighboring cards horizontally to create a stacked effect. The implementation combines plain JavaScript for DOM manipulation and event handling, alongside D3.js v6 for data shuffling and image loading, with all visual effects driven by CSS transitions and transforms.

MMTR

65% match

Loading thumbnail…

info.design.08.01

This example presents a minimal, unstyled HTML page titled “info.design.08.01,” using D3.js v6 loaded via a CDN. The page includes a separate CSS file that turns the `h1` heading white on a black background, though no visible content is rendered in the body. The code demonstrates a bare-bones setup for a React starter project, referencing D3 for potential charting but not yet invoking any D3 APIs or data visualizations.

Sslshinelum

65% match

Loading thumbnail…

React Starter

A React starter template renders the text “Hello React” in a blank browser window. The example demonstrates the minimal setup required to integrate React with a visualization gallery, using `ReactDOM.render` to mount a functional component into a `#root` div. It loads React 16.9.0 and ReactDOM from CDN links in `index.html`, with the main logic contained in `index.js`. The code shows no data or interactive behavior, serving solely as a foundation for building React-based examples within the gallery.

SSabin Bhandari

65% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that integrates CSS and JavaScript for data visualization. It shows how a basic project structure can be set up using the React framework, as indicated by its source metadata, though the page itself relies on standard web technologies. The code includes a simple layout and styling, with JavaScript handling interactive elements. No external libraries like D3 or Three.js are present, as this starter focuses on foundational structure rather than advanced charting. The rendering approach is straightforward DOM manipulation, and the data source is not specified, keeping the example purely illustrative of a clean starting point for web development.

Ssujitrayudu01@gmail.com

64% match