Make Presentation Slides About the Data for Canada Project

[diegoripley]

Used Gemini to help me generate this issue. I believe it captures the essence of what I want to do.

Description

To enhance the visual storytelling and technical depth of our presentations, I propose implementing a set of slides that leverage Slidev’s advanced multimedia and interactive features. This will move beyond static text and take full advantage of the Vue/Vite-powered environment.

Proposed Feature Implementations

• 🎬 Multimedia Integration

• Video: Embed local and remote MP4/WebM files using the {video} tag or standard HTML5 <video> for auto-play and loop controls.

• Audio: Implement background tracks or directional audio cues for specific transitions using the <audio> tag.

• Images: Utilize optimized asset loading and the built-in v-click animations for progressive image reveals.

• 🗺️ Geospatial & Interactive Maps

• Integrate a live, interactive map using MapLibre GL JS directly into a slide.

• Leverage <script setup> to handle reactive coordinates, zoom levels, and various efficient data overlays (FlatGeoBuf, PMTiles, etc).

• Implementation Note: Create a dedicated MapLibre.vue component to encapsulate the map initialization and lifecycle hooks.

• 💻 Custom Interactivity (JS/HTML/CSS)

• Scoped Styling: Use <style> blocks to create slide-specific layouts without polluting the global CSS namespace.

• Reactive State: Use Vue ref and reactive to build live calculators or data visualizations.

• Monaco Editor: Enable {monaco} on code blocks to allow for live-coding demonstrations during the presentation.

• 🎨 Advanced Layouts

• Utilize UnoCSS for rapid, utility-first UI adjustments.

• Implement Magic Move for fluid transitions between complex SVG or code states.

Implementation Tasks

• Target key topics outlined in this post by a respected industry leader.
• Create a components/ directory for reusable interactive elements (e.g., MapLibreContainer.vue).
• Install maplibre-gl dependency and configure vite.config.ts if necessary.
• Draft a multimedia-showcase.md to test asset paths for videos and audio.
• Optimize image assets for web delivery to ensure fast slide transitions.

Additional Context

Since Slidev builds as a Single Page Application (SPA), all these interactive elements will remain functional when hosted on GitHub Pages or Netlify, providing a seamless experience for remote viewers.

[diegoripley]

My end-goal is to making a really good reusable deck that changes depending on the audience. For example, if I present to a military audience, I can bring up topics like this (draft):

• https://www.linkedin.com/posts/willrynearson_earthobservation-ugcPost-7419726692115607552-Pd4y
• https://www.linkedin.com/posts/taki-sarantakis-305b57130_february-15-2026-schneier-on-security-activity-7428869046105878528-C1d5
• https://www.linkedin.com/posts/mbforr_this-is-a-fantastic-example-of-modern-geospatial-activity-7430239205555023872-49eS
• https://www.linkedin.com/posts/sylvain--lesage_cool-project-boundary-issues-a-collaborative-activity-7429147292948967424--EaI
• https://www.linkedin.com/posts/kunihiko-fujiwara-45b514271_voxcity-is-now-officially-released-and-ugcPost-7414235978845847552-GG1Y
• https://www.linkedin.com/posts/jedsundwall_compelling-thoughts-and-practical-suggestions-ugcPost-7403813613628821505-GwlB

[diegoripley]

I spoke to Paul Connor today and presented my vision/rationale for the Data for Canada project. We have scheduled a presentation for April 10, 2026 at 14:00, so that's my deadline.

Make sure to be as concise when making presentation. Tackle all data packages and my vision for them.

Field Imagery

• The field imagery dataset can be used to present all viewpoints for a given event. One angle might show a Nazi flag for protestors, but then if you see another angle it might have a "Down with Nazis" text. Metadata ties it all together. The process I'm building is to enable future historians to get a sense of what actually was happening in our time. Make sure to tackle the trust problem (ex. BBC News editing a Trump speech and refusing to apologize about it would lose some points in the process I'm building)

Web Corpus

• Demonstrate how inefficient the current way of doing things is (ex. Internet Archive)
• Capture what the population is being exposed to and put on a timeline. For example, the whole Trump tariffs events that happened all last year definitely stressed me out; how news agencies structure news articles on their website can evoke certain emotions, it is our job to capture this. Our current news system is effectively a rage baiting system and it is about being first to the story, not being right. We need a way to keep journalists accountable to what they write, no matter the agency (they are all guilty of it). Link this to potentially being used by walkthru.earth to quantify the happiness of citizens.

Grid

• Give example of H3 being used by walkthru-earth

Shared Goals of Community

• Use the Canadian Open Data Directory, geoparquet-io to do an objective assessment of data portals across Canada. Give example of Edmonton 2023 orthoimagery being shared as Google Drive URLs, even though it's a Socrata

[diegoripley]

Do bring up my past (was born in Venezuela, moved in 2000, returned in 2007). I want to mention that I believe it is a citizen's duty to keep all level of government's accountable, everything flows from that desire. Additionally I want to mention that I want to enable citizen's at the same time: make it easy for them to make the next Google, the next University assignment. There is so much unnecessary extra steps in Canada's data ecosystem; for example, instead of having to order hardrives to download Ontario orthoimagery, people can now download it from https://source.coop/dataforcanada/d4c-datapkg-orthoimagery/archive/ca-on_province_of_ontario-2024A000235_drape_eastern_ontario_orthoimagery_2024_16cm