Skip to main content
100%

JSConf.EU Slides

✓ Published0🌍 Public
Aalessioalex
Last edited Oct 5, 2011
Created on Oct 7, 2011

This visualization presents the schedule and talk metadata from JSConf.EU 2011, organized by day and track (Downstairs or Upstairs). It lists each session title, speaker, and linked resources like slides, demos, and project repositories. The layout uses a simple hierarchical text structure with nested bullet points, and hyperlinks connect to external presentation platforms such as Speaker Deck, SlideShare, and GitHub, making the conference program browsable as an interactive document.

AI-generated description

Similar vizzes

Loading thumbnail…

Jornada

This example presents the schedule and abstracts for a mathematics conference, titled "Jornada," with talks on topics like Siegel cusp forms. It displays a table of time slots, speakers, and talk titles, with expandable accordion panels revealing detailed abstracts containing mathematical notation. The page is built with HTML, CSS, and vanilla JavaScript, using the MathJax library to render LaTeX equations, and features interactive buttons that toggle the visibility of the talk descriptions.

HHéctor del Castillo
64% match
Loading thumbnail…

OSM Talks to watch

This gallery example compiles a chronological list of presentation titles and their associated URLs from the 2015 State of the Map US conference, extracted from a plain-text gist. It uses a simple markdown rendering approach with styled typography to display each talk paired with its external link. The visualization relies on static HTML and CSS, with no JavaScript libraries like D3 or interactive elements; instead, it functions as a clean, readable index of the conference proceedings. The source data is clearly derived from the raw markdown file containing the talk titles and hyperlinks.

SStephen
62% match
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
61% match
Loading thumbnail…

Schedule for Cultural Heritage at Scale

This schedule visualization uses a force-directed graph to map the two-day conference program, with nodes representing time slots, events, and locations. The code employs `d3.forceSimulation` to position linked nodes, while `d3.select` and `transition.attrTween` animate hover effects. Event nodes display titles as text, and color-coded clusters distinguish Thursday from Friday. The data comes from a Markdown table in `schedule.md`, parsed via JavaScript’s `fetch` and a custom regex parser. Location labels appear as fixed nodes, and tooltips use `d3.pointer` to show full session details on interaction.

CCliffordAnderson
61% match
Loading thumbnail…

List of Workshops

This example visualizes the schedule and topics of a fall 2015 workshop series, using a gist of raw Markdown as its data source. It renders each workshop as a distinct element, likely a card or list item, with titles, instructors, and dates drawn directly from the parsed text. The code employs a custom JavaScript parser to extract session details and uses d3.js for layout and transitions, though the core rendering relies on simple DOM manipulation via `d3.select` and `text` methods. The visualization emphasizes chronological ordering and thematic grouping, though it does not show interactive filtering or dynamic updates beyond static display.

CCliffordAnderson
61% match
Loading thumbnail…

Gist b4bdcd5422cc8c12b97fac3776955cb2

This animated presentation showcases a slide deck within Mozilla Hubs, a virtual reality environment, using Three.js and AFRAME to load and position image-based slides in 3D space. The slides, sourced from Unsplash and Twitter, display content about the author’s work with the European Parliament, UNICEF, and Hubs scripting. A custom `slides` object controls navigation via `nextSlide()`, scaling the active slide, and can auto-advance or drop all content using `startAutoPresent()` and `dropAllContent()`. The `media-loader` and `networked` components handle asset loading and sharing in the scene.

UUtopiah
61% match
Loading thumbnail…

Jornada PUCV-USACh

Jornada PUCV-USACh presents a scheduled seminar timetable as an interactive HTML table. The page lists talk times, speaker names, universities, and titles, with accordion-style expandable panels for additional abstract details. Built with plain JavaScript and CSS, it incorporates MathJax for rendering mathematical notation within talk descriptions. The layout uses flexbox rows and two-column tables for responsive organization, with links to recorded video sessions embedded in the schedule.

HHéctor del Castillo
60% match
Loading thumbnail…

Talkie.js - HTML/CSS/JavaScript Presentation Library

This example demonstrates Talkie.js, an HTML/CSS/JavaScript presentation library that renders slides from Markdown templates. It shows features like code highlighting with Highlight.js, responsive scaling, fullscreen and pointer modes, and custom key bindings using RxJS observables. The presentation includes Japanese text, backface images with CSS filters, and presenter notes logged to the console via the library’s `changed` and `notes` APIs.

Aaaizemberg
60% match