Recentemente, assisti a uma palestra na Latinoware 2025, ministrada por Spacial (Jacson Querubin) sobre Buffer Stack Overflow. O que mais me chamou atenção não foi só o conteúdo, mas também a forma.

Os slides tinham animações mostrando cada etapa do processamento, o que simplificou muito o aprendizado. Eu já tinha estudado isso antes e, sinceramente, foi horrível; mas, com toda essa metodologia e interatividade, no final da palestra eu fui perguntar onde ele dava aula porque queria me matricular. Foi ali que caiu a ficha: conteúdo interativo muda completamente a experiência de aprendizado.

Eu já tinha feito dois slides interativos usando SVG + JavaScript (o que dá um trabalhão) e também já sofri com animações no Keynote. Mas nunca tinha parado para estudar a fundo essa técnica.

Então comecei a pesquisar sobre e acabei descobrindo um mundo novo:

Explorable Explanations
InfoViz / DataViz
Papers sobre didática com conteúdo interativo

E aqui está a curadoria do que encontrei, alguns dos melhores exemplos de como fazer isso bem feito.

A partir de hoje, meus artigos vão ser todos assim, inclusive por isso eu atualizei toda a stack no meu blog, para poder componentizar alguns interativos e poder reaproveitar em outros artigos.

Polo Club of Data Science (Georgia Tech)

https://poloclub.github.io/

O Polo Club of Data Science, da Georgia Tech, produz artigos e ferramentas interativas incríveis nas áreas de:

Visualização de LLMs
Interpretação de Deep Learning
Large Graph Visualization
Cybersecurity
Human-Centered AI

Eles criam ferramentas escaláveis e interativas para explorar modelos e dados em larga escala. Se você curte visualização aplicada a IA, esse é um prato cheio.

Sam Who — Big O do jeito certo

https://samwho.dev/
Big O: https://samwho.dev/big-o
Load Balancing: https://samwho.dev/load-balancing

Assim como o Spacial me fez gostar de assuntos sobre Buffer Stack, o Sam foi o primeiro que me fez gostar de ler sobre Big O. Até então, eu odiava essas matérias, pois achava muito difícil absorver.

Um detalhe importante aqui: recentemente eu descobri que tenho facilidade em memória visual, o que está totalmente alinhado aos conteúdos interativos, visto que é bem mais fácil para mim absorver conhecimento dessa forma.

Sempre achei os temas chatos. Abstrato demais. Mas com as animações dele mostrando crescimento de algoritmos na prática, comparando visualmente cada caso ficou simplesmente legal de aprender.

O artigo sobre Load Balancing também é excelente. Visual, intuitivo, direto.

Se você já fugiu de complexidade assintótica, recomendo tentar de novo por aqui.

NaNda (Not a Number)

https://www.nan.fyi/
Curso interativo de SVG: https://www.svg-animations.how/
Playground de Sliding Window: https://visualizer-sepia.vercel.app/patterns/sliding-window/find-all-averages

A Nanda tem um blog interativo maravilhoso sobre:

Banco de Dados
Arrays
Estruturas de dados
SVG

Ela também criou um curso em formato totalmente interativo sobre animações em SVG. Ainda não fiz, mas está na lista.

Além disso, tem um projetinho muito massa com desafios visuais sobre padrões de iteração (tipo Sliding Window). É aprender brincando.

Distill — Interatividade com base acadêmica

https://distill.pub/
Comunicação Interativa: https://distill.pub/2020/communicating-with-interactive-articles/

A Distill foi um projeto editorial mais acadêmico, focado em Machine Learning e Data Science, mas com um diferencial enorme: artigos interativos como padrão.

Eles têm um estudo específico sobre como comunicar ideias usando interatividade, misturando educação, jornalismo e visualização.

Inclusive, já tiveram fundo de incentivo para quem produzisse artigos interativos. (Volta isso, por favor 🥲)

Fica a provocação: E se existisse uma conferência onde palestrantes fossem pagos para produzir a talk + artigo interativo? Logo teríamos mais conteúdos como estes e mais pessoas aprendendo sobre temas complexos de forma fácil.

Seeing Theory — Probabilidade visual

https://seeing-theory.brown.edu/

Um dos melhores materiais visuais sobre Probabilidade e Estatística.

Distribuições, teoremas, variáveis aleatórias — tudo explorável no navegador.

Se você já sofreu com estatística, aqui pode ser o ponto de reconciliação.

Mathigon — O playground da matemática

https://mathigon.org/

Polígonos, geometria, álgebra, tudo em formato de playground.

É lindo. É interativo. É didático. Aprender matemática nunca foi tão visual.

Visualização sobre ciclo menstrual (Harvard)

Cycle length variability

Nem só de tech vivem os artigos interativos.

Esse estudo visual sobre variabilidade do ciclo menstrual, ligado ao Apple Women’s Health Study, usa visualizações para explicar conceitos médicos complexos de forma clara.

Talvez seja uma boa oportunidade de entender melhor algo que muita gente reduz a “dorzinha”.