Mickaël CANOUIL, Ph.D.

@mickael.canouil.fr

393 Followers 60 Following

Quarto Extension Creator & R Package Developer | Biostatistics, Ph.D.

A four-series streamgraph, each band flowing left to right and centred on a common baseline so the stack swells and narrows over time, every band filled with its own Typst tiling pattern (stripes, dots, cross-hatch, and horizontal lines).
A horizontal stacked bar chart of 8,258 UFC fights across twelve weight divisions, split into a men's group of eight bars on top and a women's group of four below, each ordered lightest to heaviest and labelled with its gender and weight limit. Every bar runs from 0 to 100 percent and is split into three segments: a vermillion knockout share anchored at the left, a blue submission share in the middle, and a quiet warm-grey decision share on the right. The vermillion knockout wedge widens with the weight limit in both groups, from 23 percent among men's flyweights to 52 percent among men's heavyweights, and from 13 percent among women's strawweights to 24 percent among women's featherweights. Men's heavyweight is the only bar to cross a dashed line at the halfway mark. The decision share falls the same way in each group while the blue submission share stays near one in five throughout. A vermillion ring traces the men's heavyweight knockout wedge, with a callout noting that over half of men's heavyweight bouts end in a knockout.
Streamgraph of three coloured bands on a wiggle-minimising baseline, flowing organically around the zero line over x = 0 to 11.
Single dark square announcing the Quarto extension quarto-revealjs-social 1.0.0, styled as a chat feed. Kicker reads "Quarto extension, v1.0.0". Headline: "Your Reveal.js slides also deserve a social card", with "social card" in link blue. Below it: Quarto cards HTML documents and websites, but not Reveal.js decks; this filter injects the Open Graph and Twitter tags so links unfurl. An install panel labelled "Install, then add the filter" shows two commands: quarto add mcanouil/quarto-revealjs-social@1.0.0, then filters: social in the deck's front matter. At the bottom, links to GitHub at github.com/mcanouil/quarto-revealjs-social and the demo at m.canouil.dev/quarto-revealjs-social/.
Histogram showing 3 bars for two levels on x-axis, where each of the bars display a filling colour and a pattern, also displayed in the legend swatches.
Figure showing two groups on the x-axis (a and b) divided in two by fill colour (u in yellow, and v in blue), with a y-axis ranging from zero to ten by a step of two. For x/fill groups there are four violion plots
A diverging bar chart styled as an underwater cross-section of Irish shipwrecks by decade from 1750 to 2010. A pale surface at the top deepens through blue into the dark deep at the bottom. A waterline at zero splits each decade into wrecks that have been located, rising above it in bright teal, and wrecks with no recorded position, sinking below it in steel blue. Before 1840 almost every column plunges into the deep, peaking in the 1850s with 1,382 lost, 96 percent never located. From the 1910s the found share climbs sharply: the vermillion-outlined World War One column is the turning point, with about half of that decade's wrecks found (630). After 1950 the small columns sit almost entirely above the waterline, nearly every wreck charted. A small sinking-ship motif rests in the deep bottom-right corner.
Seven-slide carousel announcing Reveal.js Comic, a new Quarto format that styles slides as a super-hero comic book. The cover reads COMIC REVEALJS with the tagline "Turn Quarto slides into a super-hero comic book" and a framed title slide, Caped Crusader, Issue 01: The Signal. Slide two, The panel: one class on a heading turns Quarto Markdown into an inked comic frame. Slide three, Callouts: note, tip, warning, and important callouts restyle as colour-coded comic boxes. Slide four, It still works: tabsets, tables, and cross-referenced figures keep working inside a panel. Slide five, Compose it: a panel on a full-bleed halftone field with fragment entrances. Slide six, Bubbles and captions: narration boxes, speech bubbles, and multi-column layouts. Slide seven: the halftone field runs edge to edge behind every panel; install with quarto add mcanouil/quarto-revealjs-comic; demo at m.canouil.dev/quarto-revealjs-comic.
Seven-slide blueprint-style carousel on R package architecture, using the acme.toolkit demo. Cover: "R Package Architecture", with the line one S7 object model, four consumers, zero duplicated logic, and boxes for S7, targets, Shiny, Quarto. Slide two: four pillars, one object. An S7 object model box feeds a targets pipeline, a Shiny app, and a Quarto extension. Slide three shows R code: analyse is defined once as an S7 generic, then a method for Project delegates to the Dataset method. One generic, many callers. Slide four: a YAML config file, not a .R file, generates _targets.R and then a report. Slide five: branding lives in one _brand.yml that produces acme-html, acme-typst, and acme-revealjs. Slide six: the Shiny app reuses the code, mod_input to mod_analysis to mod_report, with a screenshot of the app. Closing slide: one place to keep it consistent, with GitHub and write-up links.
A horizontal lollipop chart ranking eleven modern popes by the number of encyclicals they published, ordered from Leo XIII at the top down to Leo XIV, each pope labelled with their reign years and the count at the end of its stem. Leo XIII leads with 86 in a warm accent colour, more than double the next, Pius XII with 39. The remaining popes are in muted grey: Pius XI 23, Pius X 16, John Paul II 14, Benedict XV 12, John XXIII 8, Paul VI 7, Francis 4, Benedict XVI 3, and Leo XIV with 1. A translucent funnel links the Leo XIII point to an inset column chart in the bottom-right showing his encyclicals per year across his 25-year reign, holding roughly steady between two and eight.
No alternative text description for this imageComic book style title slide with a red, yellow, and pink sunburst background. Bold yellow text outlined in black reads "The Grammar of Graphics Assembles". Below it, a blue ribbon banner reads "R, Python, SQL... and now" next to a red starburst badge containing the word "Typst" in yellow. Underneath, a white box reads "Mickaël Canouil, Ph.D." and a smaller white box below it reads "2026-06-30".
Command reference card for Saga, a black Labrador Retriever (male, born 6 September 2021), shown in a circular photo at top. Dark background with orange accents. Sections list French dog commands: feeding info (allowed to eat "à table", 2 glasses morning and evening, weight 39.8 kg, not sterilised); basic obedience (assis/sit, coucher/down, debout/stand, reste/stay, stop, vas-y/go, au lit/go to bed); tricks (bonjour/give paw, touche/nose touch, pan/play dead, rampe/crawl); recall and position (viens/come, au pied/heel, droite, gauche, milieu); movement, stairs and street (monte, descend, trottoir, traverse/cross the road); objects and retrieval (vas chercher/fetch, cherche/search, lâche/drop, laisse/leave it, prends/take).
Six-slide carousel announcing Quarto Iconify 4.0.0, icons rendered through the extension into the PDF. Cover: Icons, now in PDF, with HTML5, arrow and PDF icons; the same HTML shortcode now renders into Typst output. Slide two, dark: One shortcode, two outputs, pairing an HTML web component since 1.0 with a Typst to PDF image new in 4.0.0. Slide three, Fetch, Cache, Embed: the SVG is fetched from the Iconify API at render time, cached on disk, emitted as a Typst image. Slide four, attributes honoured: flip, rotate and colour baked in by the API, size becomes the image height, label and title become alt text, fallback text shows when an icon cannot be retrieved. Slide five: SVGs cache under .quarto/iconify-svg, committable for offline reproducible renders, pruned automatically. Final slide, Add it today, shows quarto add mcanouil/quarto-iconify@4.0.0 with links to github.com/mcanouil/quarto-iconify and m.canouil.dev/quarto-iconify.
Rendered Typst PDF page titled "Iconify in Typst" demonstrating the extension's Typst output. Sections show: inline icons (black heart, house, Apple logo) flowing with text; sizing, with a house icon at increasing heights; transforms, with an arrow flipped to point left and rotated to point down; colour, with a black, red, and blue heart plus a multi-colour exploding-head emoji; the blue Quarto logo; a large standalone block house icon; and a fallback section rendering "[?]" where a missing icon would be.
Midnight-sky line chart of Gribouille's cumulative GitHub stars per day from April to June 2026, titled "Gribouille, a Rising Star". A luminous gold step trail rises from zero across a long flat run labelled "Quietly built in private", lifts at a gold dashed marker labelled "Made public 17th of May", then climbs through dashed release markers (v0.1.0 onward) to a final amber spike of 178 stars, annotated "+99 in a day". The y axis counts stars in steps of 25; the x axis spans months.
Eight slides from the Comic Quarto Reveal.js theme. Cover: a red and yellow comic badge reading Caped Crusader on a sunburst, subtitle Issue 01 The Signal, by Mickael Canouil PhD, with the line Data Science Superhero League and the date 2026-06-05. Detective Board: four themed callout panels, What We Know, What To Try, What To Watch and What Matters, holding clues about a repeating signal. Incident Summary: a comic table of districts Old Town, Dockside and Midtown across the columns Alerts, Resolved and Priority, with a blockquote, the numbers never lie but they rarely confess either. Witness Statement: a speech bubble reading I saw a flash, and then nothing. Out of Nowhere: a red and yellow blast with the sound effects ZAP, POW, WHAM and THWACK. Showdown: the hero faces the unknown broadcaster on the rooftop. Ka-Boom: a large explosion with BLAM, KRAK and ZRT. Until Next Time: a whisper bubble as the hero leaves over the rooftop edge.
Line chart. Season (1 to 10) on the x-axis, number of creations on the y-axis (0 to 30). Three series marked by icons: chocolate, raspberry, and orange. Chocolate swings sharply between 19 and 30 creations across seasons 1 to 7 (the "Mary Berry years"), then drops to 12 to 15. Raspberry and orange stay low, between 4 and 13, tracking each other closely. Chocolate leads in every season except season 8, where orange briefly overtakes it.
Six-slide dark DevTools-style carousel announcing Quarto Typst Render 0.18.0. Cover: Write Typst, Output HTML, a typst-render 0.18.0 badge, prose you can select, maths a screen reader can read, native HTML not a flat picture. Slide two, before 0.17: every block was a picture, with red crosses for not selectable, not searchable, no screen-reader text without alt, no MathML. Slide three, format: html, shows a code block rendering a Typst paragraph with maths, with green ticks: prose becomes selectable semantic HTML, maths becomes accessible MathML. Slide four, math: typst, writes equations in Typst syntax instead of LaTeX, with Quarto numbering and cross-references working. Slide five, what it needs: a Typst 0.15 binary via QUARTO_TYPST, with SVG fallback. Closing slide: install with quarto add mcanouil/quarto-typst-render or the Quarto Wizard, links to github.com/mcanouil/quarto-typst-render and m.canouil.dev/quarto-typst-render.
Screenshot of VSCode showing a Typst document on the left with Gribouille code to draw penguins bill depth against bill length coloured by body mass, with a line cutting between to clouds of points. The figure itself is displayed on the right side
An area chart with a teal shaded region showing the share of baby names registered for both boys and girls across all three UK nations combined from 1997 to 2024. The shaded area fluctuates between about 3.5 percent and 5 percent across the period. Six text labels appear above the line at five-year intervals marking the most-registered gender-neutral name in each window: Jordan near 1998, Cameron near 2002, Charlie near 2007 and 2012, Noah near 2017 and 2022. The y-axis labels pair the percentage with an approximate count of names in parentheses.
Scatter plot of theatrical video-game film adaptations with the Rotten Tomatoes critics' score on the x axis and worldwide box office on a logarithmic y axis from 100 thousand to 1 billion US dollars. A shaded band marks the zone left of the 60 percent 'fresh' line where films still gross past 100 million dollars, and many markers sit inside it. The Super Mario Bros. Movie tops the chart near 1.4 billion dollars at 59 percent, with Sonic the Hedgehog 3 the best reviewed at 86 percent and Detective Pikachu also labelled, and Postal by Uwe Boll at the bottom; these four labelled films are circled in teal. Marker size encodes the production budget, fill colour encodes box office divided by budget on a vermillion-to-teal scale pivoting at break-even, and marker shape splits films released before 2019 (circles) from those released 2019 onward (squares). An inset dumbbell in the top-left shows the mean critics' score at 33 far below the mean audience CinemaScore at 76.
A comic-book style title-slide showing rays in the background, a sunburst in the middle when the title "The Grammar of Graphics Assembles" appear, followed by the subtitle appearing sequentially one word at a time: "R, Python, SQL... and now Typst". Finally, the author "Mickaël CANOUIL" and the date appear.
Five-slide carousel inviting R community members to connect at the 12es Rencontres R 2026. Cover: forest-green title 'Rencontres R', gold '2026', italic tagline 'Vous y serez ?', and location 'Nantes, du 16 au 18 juin 2026'. Slide two, 'C'est quoi ?': describes the annual francophone R community conference with presentations, workshops and exchanges, with a green block showing the venue at Campus de la Lombarderie, Nantes Universite. Slide three, 'Pourquoi j'y vais': three bullets covering immersion in the francophone R community, sharing open source projects including Quarto extensions and Typst packages, and meeting online contributors in person. Slide four, 'Connectons-nous !': a soft-green invitation card asking attendees to send a message or meet on site. Closing slide on forest-green: parchment text 'A bientot a Nantes !', followed by the link rr2026.sciencesconf.org.
Screenshot of mickael.canouil.fr showing the "RSS Feed" link under "Blog"
Eight-slide carousel on two Typst 0.14 block properties. Cover: ivory paper, bold serif title "Break & Stick", labelled "TYPST 0.14 TIP". Slide two names the problems: heading orphan (heading stranded at page bottom) and block split (figure or code block torn across pages). Slide three covers 'breakable: false': prevents splitting; show rules for figures and raw code blocks. Slide four is a before/after diagram: BEFORE shows a code block split across a page break; AFTER shows it intact on page two. Slide five covers 'sticky: true': block refuses to end a page without its following sibling; show rule for headings. Slide six is a before/after diagram: BEFORE shows a heading orphaned at page bottom; AFTER shows heading and paragraph together on page two. Slide seven shows the combined preamble with all three show rules. Closing dark slide: "Tame your page layout", link to typst.app/docs/reference/layout/block/.
Two panels. Panel (A) is a two-line chart of mean months of statutory leave reserved for each parent across 21 European countries from 1970 to 2024, each line wrapped in a shaded band of plus or minus one standard error: the blue mothers line rises from about 14 months to a peak above 21 around 2010 then eases to roughly 18, while the vermillion co-parent line sits near zero until 2000 and climbs to about 5 months by 2024, and the mothers band is consistently wider. Panel (B) is a dumbbell chart, a 2024 snapshot of all 21 countries, each shown as a blue mothers dot and a vermillion co-parent dot joined by a grey bar whose length is the gap; countries are sorted with the smallest gaps on top, where Spain, Slovakia and the United Kingdom reach parity, down to Ireland with the widest gap at the bottom.
Six-slide carousel announcing Quarto Gitlink version 1.6.0. Cover: the headline "Now with switches", with the note that Gitlink rewrites Git references into links and 1.6 lets you decide, per document, when it should not. Slide two, "Plain text in, links out", shows tokens becoming links: #123 becomes owner/repo#123, @username stays @username, owner/repo@a5c3785 becomes a5c3785, across GitHub, GitLab, Codeberg, Gitea, and Bitbucket, then states 1.6 adds four switches. Slide three: enabled false turns the filter off for a draft or template so tokens stay literal. Slide four: normalize-links false keeps URLs full, and fetch-titles true uses a page title as link text via curl. Slide five: mentions forces a citation id back to a Git hosting mention. Closing slide: install with quarto add mcanouil/quarto-gitlink at 1.6.0, plus state reset between batch renders and badge colour validation. Link: github.com/mcanouil/quarto-gitlink.
Five-slide carousel announcing Quarto External 1.7.0, styled as a code editor with a line-number gutter. Cover: the title "Include only the lines you need" on a dark teal panel, with an editor view highlighting lines 12 to 15 of a tibble() block and the shortcode external data.qmd#L12-15. Slide two contrasts before and now: the external shortcode used to pull a whole file, a section, or a div, and copying a slice by hand drifted out of sync; now you address the slice directly and the source stays the single point of truth. Slide three shows the syntax: append the range to the URI, file.qmd#L10-20 for a range or file.qmd#L42 for a single line, cut from the raw file before parsing so the numbers match your editor. Slide four adds dedent=true, which strips the common leading indent, and per-render file caching. Closing slide: install with quarto add mcanouil/quarto-external@1.7.0, and links to github.com/mcanouil/quarto-external.
A six-slide tutorial carousel titled "Build LinkedIn carousels with Typst", set on a navy background with a faint measurement grid and a vertical amber accent rail down the left edge. The cover, stating that a carousel is not a special format but a multi-page PDF the feed turns into swipeable cards. Slide 2, "The trick", shows a zero page margin so the background reaches every edge, with a Typst code snippet setting a 21cm square page and margin 0cm. Slide 3, "The helper", defines a single reusable slide function that draws the accent rail and padding identically on every card. Slide 4, "Anatomy", presents a labelled diagram of one slide, naming the accent rail, the top-right page index, and the inset padding. Slide 5, "Ship it", lists shell commands to compile the PDF, PNG, and assemble a GIF with ImageMagick. Slide 6, on an inverted light background, is the call to action, linking to the full blog post at mickael.canouil.fr.
Two stacked-area panels of renewable energy by source, 1990 to 2010. Vietnam's traditional biomass band shrinks and its renewable share falls from 76% to 35%, while Germany's modern bioenergy and wind and solar grow and its share rises from 2% to 11%.
Animated carousel for the "Offset Headings" Quarto extension (v0.1.0) by mcanouil. Five slides on a beige background (last slide dark). Slide 1: title card with `##` → `###` diagram and tagline "shift heading levels by any amount, in any output format, as a filter not a final pass." Slide 2: "THE GAP" — Pandoc's built-in `shift-heading-level-by` runs last; this extension runs mid-filter so other filters see shifted levels. Slide 3: "WHOLE DOCUMENT" — `extensions: offset-headings: by: 1` shifts all headings by one level, clamped between H1 and H6. Slide 4: "CROSS-FORMAT" — per-heading attribute syntax targets specific output formats only. Slide 5: dark "SHIP IT" card with `quarto add mcanouil/quarto-offset-headings`, MIT licensed.
A pie chart titled "Revenue share" displaying five regional segments. The EU region (blue) is the largest slice, positioned at the top right. The US region (green) is the second largest, at the bottom right. The APAC region (red) occupies the bottom left. The LATAM region (orange) is a smaller slice on the left. The Other region (cyan) fills the top left. Axis labels read "value" on the left and "slice" at the bottom, with radial tick marks at 20, 40, 60, 80, and 100/0. A legend in the top right lists all five regions with their corresponding colours.
A VS Code editor displaying a Quarto document (`demo.qmd`) alongside two browser preview panes. The editor shows a YAML front matter block configuring two HTML output formats (`html` and `html-one`) with Prism and highlight-text filters. Below the front matter, a fenced div uses format-specific background colour attributes (`html:bg` set to `#b22222` and `html-one:bg` set to `#22b222`), wrapping a Lipsum shortcode. The left preview pane renders the output with a dark red (`#b22222`) background, while the right pane renders the same content with a bright green (`#22b222`) background, demonstrating format-conditional styling via a Quarto extension.
Typst code showing the premisces of the grammar of graphics for Typst with a top-level plot() with data, mapping, layers, scales, guides, labs, theme.
Palmer Archipelago penguin dataset scatterplot of Body mass versus flipper length. The three species are marked with a hull based polygon, three boxes showing some description matching the colour of the polygons and the name of the species inside the subtitle.
Screenshot of VS Code displaying penguins.typ source on the left and a rendered preview on the right. The preview shows a scatter plot titled "Penguins Dataset" with subtitle "Flipper length vs body mass by species", plotting flipper length (mm) on the x-axis (180 to 230) against body mass (g) on the y-axis (3000 to 6000). Three species are distinguished by colour and shape: Adelie as orange circles, Chinstrap as teal triangles, and Gentoo as purple squares, each with a fitted linear regression line and shaded confidence band. Mean plus or minus standard deviation error bars are overlaid for each species, and the Gribouille logo sits in the bottom-right corner with the caption "Data from Palmer Archipelago (Antarctica) penguin dataset".
A screenshot of a documentation page titled "Your first plot." The left side shows a code block in Typst syntax using the 'gribouille' package, defining a small 'mtcars' dataset and calling '#plot()' with 'geom-point' and 'geom-smooth' layers using a minimal theme. The right side displays the resulting scatter plot of car weight ('wt') against fuel efficiency ('mpg'), with points and linear regression lines coloured by number of cylinders (blue for 4, green for 6, red for 8), including a shaded confidence interval band around the 6-cylinder regression line.
VS Code window displaying the Gribouille 0.0.1 Quarto extension project. The left sidebar lists project files under the gribouille repository. The main area shows a browser preview of the Gribouille documentation homepage, featuring the logo, navigation tabs (Home, Get Started, Reference, Examples, Changelog), the tagline "A layered grammar of graphics for Typst", a short description mentioning ggplot2 and plotnine, "Get Started" and "View on GitHub" buttons, and a faceted scatter plot of Palmer penguins. The bottom panel shows the Quarto Wizard extensions list with mcanouil/typst-render 0.13.0 selected.
Screenshot of a gallery page showing five example plots under the "Basics" section: a minimal iris scatter plot, a multilayer trend chart, a titles-and-labels line chart, an inline factor coercion scatter plot, and a penguins scatter plot, each with a brief description and a source link.
Scatter plot showing three lines with different line type (plain, dash, dot), different points shape (triangle, square, circle), and three colours (ref, green blue)
A faceted scatter plot showing the relationship between flipper length (x-axis, 180–230 mm) and body mass (y-axis, 3000–6000 g) for three penguin species across three islands.
The Gribouille v0.1.0 documentation homepage. The header reads "gribouille" in large red serif type, with the italic subtitle "A layered grammar of graphics for Typst." The body text describes composing charts by layering data, aesthetic mappings, geoms, scales, and themes, using the same grammar as ggplot2 but drawn natively in Typst. Two call-to-action buttons are shown: a red "Get started" button and an outlined "View on GitHub" button. To the right, a tilted card displays a scatter plot of the Palmer Penguins dataset with flipper length in millimetres on the x-axis (180 to 230) and body mass in grams on the y-axis (3,000 to 6,000), with points coloured by species: Adelie in blue, Gentoo in green, and Chinstrap in red. The card caption reads "A faceted scatter plot of Palmer penguins." The top navigation bar includes links to Home, Get Started, Reference, Examples, and Changelog, along with GitHub, theme toggle, and search icons.
A VS Code split-pane screenshot showing a Gribouille data visualisation library showcase. The left pane displays a rendered faceted scatter plot of the Palmer Penguins dataset, with flipper length on the x-axis (range 180 to 230) and body mass on the y-axis (range 3,000 to 6,000). The plot is divided into three facets by island: Torgersen (top left), Biscoe (top right), and Dream (bottom left). Each point is coloured by species: Adelie in blue, Gentoo in green, and Chinstrap in red. A linear smoother is overlaid on each facet. The right pane shows the corresponding Typst source code in `showcase.typ`, which imports a library, reads a CSV file named `penguins.csv` as a dictionary, and calls a `#plot` function with aesthetic mappings for x, y, and colour, two layers (point and smooth), a facet-wrap on island, and a minimal theme.
A VS Code split view showing a Typst `minimal.typ` file alongside its rendered preview. The code defines a `#plot()` call using the iris dataset, mapping sepal length to the x-axis and sepal width to the y-axis, coloured by species, with a single point layer sized at 3pt and plot dimensions of 10 cm by 7 cm. The rendered scatter plot shows sepal width (cm) against sepal length (cm), with points coloured blue for setosa, green for versicolor, and red for virginica.
A faceted scatter plot showing the relationship between vehicle weight (x-axis, ranging from roughly 1.5 to 5.5 thousand pounds) and fuel efficiency in miles per gallon (y-axis, ranging from roughly 10 to 35 MPG), with three panels separated by number of cylinders: 4, 6, and 8. The 4-cylinder panel (centre) shows the widest range of MPG values (approximately 21 to 34) and the lightest vehicles (weight 1.5 to 3.5), with a clear negative trend between weight and MPG. The 6-cylinder panel (left) clusters tightly between roughly 18 and 21 MPG and weights of 2.5 to 3.5, with little apparent trend. The 8-cylinder panel (right) shows the heaviest vehicles (weight 3 to 5.5) and the lowest MPG values (approximately 10 to 19), with a weak negative trend. Across all three panels, heavier vehicles tend to have lower fuel efficiency, and increasing cylinder count is associated with both greater weight and lower MPG.
Diagram showing the Python workflow: quarto render sets QUARTO_EXECUTE_INFO, which is parsed by get_brand_info(). That feeds configure_brand_fonts() using pyfonts and matplotlib, theme_brand() using plotnine, and gt_brand() using great_tables, producing light/dark figures and tables.
Animated slideshow of a Reveal.js presentation titled "Reproducible Quarto Document". The six slides cycle through: a title slide; a code slide showing the Markdown source with nested headings, bullet lists, and a placeholder shortcode; then four content slides demonstrating the repeat-heading Lua filter, where parent headings ("Level 1a", "Level 2a") are automatically carried forward onto continuation slides created with horizontal rules, displaying bullet items and a grey placeholder image.
Animated comparison of RevealJS fragment behaviour. Left (Native): bullet markers and list numbers remain visible even when fragment content is hidden, creating orphaned markers on screen. Right (Fragmention): entire list items, including markers, appear and disappear together with each fragment step. The animation cycles through unordered lists, ordered lists, and fragment styles (fade-in, highlight-red, grow) to demonstrate the difference.
Animated carousel for the Reveal.js A11y Quarto extension. Slide 1: cover with the extension name and a screenshot of the accessibility settings panel showing display toggles, font selection, text spacing sliders, and motion cue switches. Slide 2: Reveal.js has partial accessibility support and the extension fills the gaps. Slides 3 and 4: feature lists covering skip navigation, focus indicators, ARIA landmarks, screen reader announcements, high contrast mode, dyslexia-friendly fonts, text spacing controls, and colour overlays. Slide 5: additional features including reduced motion support, link underlines, alt text warnings, and preference persistence. Slide 6: install command and links to the GitHub repository and live demo.
Animated carousel showcasing Code Window 1.0.0, a Quarto extension that adds window-style decorations to code blocks. Eight slides cycle through: a title card with macOS-style traffic light dots; a plain code block without context; the same block with a filename header added; three decoration styles (macOS, Windows, and plain); auto-generated language labels for Python and R; code annotations with circled numbers and linked explanations; screenshots of the extension rendering in HTML, Reveal.js, and Typst/PDF formats; and a get-started slide with install command and configuration snippet. By Mickaël Canouil.
A Quarto document titled "Brand-Aware Typst Rendering" demonstrating how Typst blocks automatically read foreground and background colours from a _brand.yml file. The page shows a rendered Typst block headed "Brand-aware rendering" with the text "Foreground and background colours are set by _brand.yml. No Typst colour code needed." Below are three info cards: "foreground: auto" (reads text colour from the brand file), "background: auto" (reads page fill from the brand file), and "Light / Dark" (both variants rendered for HTML output). A light/dark theme toggle icon appears in the top-right corner.
A Quarto Reveal.js slide titled "Data Science with Quarto." The body text mixes native Markdown styling with inline Typst-rendered images, challenging viewers to spot the difference. Coloured words like "beautiful typography," "Typst emphasis," and "Typst images" are Typst fragments compiled to inline images, while "colourful accents," "Markdown emphasis," and "Markdown spans" are plain Markdown spans styled with CSS. An inline equation (beta-hat OLS formula) is also rendered by Typst. Underlined text appears twice using both approaches. The slide closes with the question: "Can you tell which is which?"
A screenshot showing an "All Pages Side by Side" documentation section. The top half contains a fenced code block using the typst language, with chunk options layout-ncol: 2, width: 8cm, and height: 6cm, followed by Typst markup that sets the font size to 14pt and renders two pages using #align(center + horizon) with a #pagebreak() between them. The bottom half shows the rendered output: two pages displayed side by side, the left reading "Page 1: First page content." and the right reading "Page 2: Second page content."
Comparison infographic titled "localtime vs quarto-now — Two Quarto extensions, two different jobs." Two side-by-side cards summarise each extension: EllaKaye/localtime (blue) converts event times to the reader's local timezone in the browser using Lua, JavaScript, and client-side rendering, with the shortcode `{{< localtime 2026-04-01 15:00 CET >}}`; it works with HTML output only and requires Quarto >= 1.2.0. gadenbuie/quarto-now (orange) inserts the current render time or file last-modified date using Lua and server-side rendering, with shortcodes `{{< now >}}` and `{{< modified >}}`; it works with any output format and requires Quarto >= 1.4.0. A green "What they share" section notes both are Lua-based, support custom formatting, use Quarto shortcode syntax, and have zero open issues. A feature comparison table shows: both support custom date/time formatting; only localtime supports timezone conversion (50+ zones, DST) and locale-aware output via the browser Intl API; only quarto-now supports current render timestamp, file modification timestamp, and working without a browser; localtime has a JS-disabled fallback while quarto-now does not apply; cross-platform `modified` support is macOS/Linux only for quarto-now. A dark verdict box concludes: use localtime for event datetimes in readers' timezones (HTML output); use quarto-now for "rendered on" or "last modified" stamps (any output format); both can coexist in the same document.