Skip to main content
Log in
L

laura.pollmann@axelspringer.com

@LPollmann·5 public vizzes

Loading thumbnail…

Fork of Fork of Svelte Starter: Quiz Template

This interactive quiz template presents a series of questions about humpback whales, with multiple-choice answers and immediate visual feedback. After answering all questions, it displays a final score and percentage. The application uses Svelte’s reactivity system with `$state`, `$derived`, and `$props`, along with event dispatching via `createEventDispatcher` to handle user interactions. Questions and answers are loaded from a static JavaScript data file, and the interface includes animated CSS transitions for answer selection, correctness highlighting, and a gradient background.

Apr 16, 2026
Loading thumbnail…

Fork of Svelte Starter: Quiz Template

This interactive quiz presents four multiple-choice questions about humpback whales, showing immediate visual feedback on answer correctness through color-coded buttons (green for correct, red for incorrect). The interface progresses through questions sequentially and displays a final results screen with the score and percentage. Built with Svelte, it uses Svelte's reactive state management ($state, $derived) and event dispatching for communication between the Quiz and Question components. The quiz data is stored in a static JavaScript file, while the styling relies on standard CSS with a purple gradient background and card-based layout.

Apr 16, 2026
Loading thumbnail…

Fork of Svelte Starter: Quiz Template

This interactive quiz presents four multiple-choice questions about humpback whales, showing immediate visual feedback on answer correctness through color-coded buttons (green for correct, red for incorrect). The interface progresses through questions sequentially and displays a final results screen with the score and percentage. Built with Svelte, it uses Svelte's reactive state management ($state, $derived) and event dispatching for communication between the Quiz and Question components. The quiz data is stored in a static JavaScript file, while the styling relies on standard CSS with a purple gradient background and card-based layout.

Apr 16, 2026
Loading thumbnail…

Fork of HTML Starter, Hello World

This example uses a plain HTML page built with JavaScript to show a playful message about the weekend. It displays a large text saying “Heute sollte Freitag sein” (Today should be Friday) on a light yellow background. Clicking a button toggles the color scheme between dark blue and pink for both the message and the button. The interaction relies on core JavaScript DOM selection and classList toggling, with no external libraries or data sources.

Apr 16, 2026
Loading thumbnail…

Lauraaaa

This example shows a playful web page that encourages the weekend with the German message "Heute sollte Freitag sein <3" ("Today should be Friday"). A button labeled "Skip to the weekend" toggles a pink background color on both the message and the button itself. The visualization relies on plain DOM manipulation via `document.querySelector` and the `classList.toggle` method to switch CSS classes. Styling is handled entirely with CSS, using grid layout and hover effects, while no external visualization libraries or data sources are involved.

Apr 16, 2026