Charlas USACH 2022

100%

Charlas USACH 2022

✓ Published1🌍 Public

Last edited Mar 16, 2023

Created on Jan 6, 2023

This example presents a tabbed interface for browsing talks given at the Universidad de Santiago de Chile (USACH) in 2022, organized by semester. It displays tables of talks with their dates, speakers, and titles within interactive tabs styled with CSS. The visualization uses HTML tables, CSS flexbox for layout, and pure CSS radio-button-based tabs for switching between content panels, with no JavaScript framework or data library involved.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

77% match

Loading thumbnail…

Sfsdfds

This example presents a tabbed interface for organizing seminar schedules, displaying details such as dates, speakers, and talk titles within CSS-based tab panels. The implementation uses plain HTML and CSS with radio-button inputs to toggle between tabs, and the MathJax library is loaded for potential mathematical content rendering. The styling employs flexbox for layout and custom color schemes for visual separation between tab labels and content areas.

HHéctor del Castillo

75% match

Loading thumbnail…

Tabla Argentina Simple

This example displays a multi-tab schedule for an event, with each tab revealing a table of daily sessions. It shows time slots, speakers, and talk titles in a clean, styled layout. The visualization uses standard HTML tables with CSS for styling, including striped rows and tabbed navigation. Built with React and basic JavaScript, it relies on CSS radio-button techniques for interactive tab switching and presents the data as structured, readable text rather than graphical charts.

HHéctor del Castillo

75% match

Loading thumbnail…

Fork of Plantilla Tabla simple

This fork of the Plantilla Tabla simple template displays a seminar schedule as an HTML table, with columns for date, time block, speaker, and talk title. The talks are rendered as accordion buttons; clicking a title expands a panel containing the talk abstract. The page uses custom CSS for responsive flexbox layout and zebra-striped table rows, alongside JavaScript to toggle accordion visibility. It relies on the MathJax library for potential formula rendering and includes embedded styles for document structure.

HHéctor del Castillo

71% match

Loading thumbnail…

Untitled

This example presents a schedule of mathematics seminars, listing dates, speakers, and talk titles in an HTML table. The table includes expandable accordion panels for details and external links to videos and reference materials. It uses a CSS tab interface to switch between semesters, with JavaScript-free tab switching via the `:checked` pseudo-class and radio inputs. The page relies on HTML tables, the `details` analogy through custom accordion buttons, and styles from inline `<style>` blocks for layout and interaction.

HHéctor del Castillo

71% match

Loading thumbnail…

Plantilla Tabla simple

This example displays a simple HTML table listing seminar speakers and their talk summaries, with accordion buttons that expand to reveal additional text. Built with React and styled using CSS, the page uses vanilla JavaScript to toggle panel visibility through button click handlers. The table includes alternating row colors and collapsible content panels, generated from static data within the markup.

HHéctor del Castillo

70% match

Loading thumbnail…

Plantilla Tabla simple

This example presents a simple, responsive HTML table that lists dated entries with expandable titles. Each title is a button that toggles a hidden description panel below it, allowing users to reveal additional details on demand. The table uses CSS for striped row highlighting and a two-column layout, while vanilla JavaScript adds the accordion-style interactivity. The page is generated with Pandoc and relies on plain HTML, CSS, and JavaScript without external frameworks.

HHéctor del Castillo

65% match

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

63% match