BEHIND THE SCENES

Tools

Collaborative editing

Text, visualization configurations

Data for visualizations

Back end

Javascript

Routing, page templates, components

Visualization friendly

Front end

Pixi.js

Particles

SVG

D3: scales, other utilities

Visualizations

Github Pages

Deployment

R and the tidyverse

Data processing

Preview site

Live site

BEHIND THE SCENES

Visualization process

BEHIND THE SCENES

How I use AI

TL;DR: very cautiously

Chatgpt

Create simple utility functions: data conversion, ...

Explain code snippets written by others

Explain how to use unfamiliar libraries and functions

Detect syntax issues

Gives Python and Svelte 4 output by default

Github Copilot

When AI needs to see my code

Always in "Ask" mode, never in "Agent"

Very easy to leak secrets

Advice on implementation strategies

Plan new complex features

mAI

When I need to navigate the World Bank bureaucracy

TL;DR:
For boring stuff
To learn new stuff
To plan and decide on big stuff