Data visualisation, urban sketching, frontend and just about anything to do with dogs.
The same patterns which I later put to test by diving into dozens of @ourworldindata.org datasets, cataloging numbers in National Geographic magazines and more in the article!
The same patterns which I later put to test by diving into dozens of @ourworldindata.org datasets, cataloging numbers in National Geographic magazines and more in the article!
LINK: benfords-law-explainer.netlify.app
LINK: benfords-law-explainer.netlify.app
It's meant to be a stacked bar showing the amount of content in each section. But on testing with friends this wasn't immediately apparent so maybe a minor redesign or helper text is in order (plus this doesn't translate well to mobile)
It's meant to be a stacked bar showing the amount of content in each section. But on testing with friends this wasn't immediately apparent so maybe a minor redesign or helper text is in order (plus this doesn't translate well to mobile)
Just about done building VizChitra's team page. So if you wanna learn more about the folks volunteering to build India's first dataviz conference, head over to: vizchitra.com/meet-the-team
Just about done building VizChitra's team page. So if you wanna learn more about the folks volunteering to build India's first dataviz conference, head over to: vizchitra.com/meet-the-team
For some reason I tried to force using $effect when a simple onMount worked fine. A bit of wrangling with a GSAP timeline and painful debugging sessions and here we are:
For some reason I tried to force using $effect when a simple onMount worked fine. A bit of wrangling with a GSAP timeline and painful debugging sessions and here we are:
Pretty pleased with the output considering it took a little under a day to design and build from scratch.
Pretty pleased with the output considering it took a little under a day to design and build from scratch.
This project uses a wave function collapse algorithm to generate a connected city grid from a few hand-drawn tiles.
This project uses a wave function collapse algorithm to generate a connected city grid from a few hand-drawn tiles.
The basic idea for the grid is to mimic an idle-style game running in the background as the user browses the site. As they spend more time on the page, more tiles are added to the grid (which is still to be completed).
The basic idea for the grid is to mimic an idle-style game running in the background as the user browses the site. As they spend more time on the page, more tiles are added to the grid (which is still to be completed).
Today is a bit of progress in building out the base for the footer which I recorded over the course of an hour.
Only built out the visuals and now to actually make things work.
2/2
Today is a bit of progress in building out the base for the footer which I recorded over the course of an hour.
Only built out the visuals and now to actually make things work.
2/2
Made with Svelte + GSAP. Still super janky but here's the code: github.com/schubert-da/...
Made with Svelte + GSAP. Still super janky but here's the code: github.com/schubert-da/...
Always wanted to figure out page transition animations so decided to build something similar for switching data in a bar chart. Made with Svelte + GSAP (and once again fake data!)
Also finally uploaded the source code: github.com/schubert-da/...
Always wanted to figure out page transition animations so decided to build something similar for switching data in a bar chart. Made with Svelte + GSAP (and once again fake data!)
Also finally uploaded the source code: github.com/schubert-da/...
Played around with my last viz to create a quick treemap loading animation with Svelte + GSAP.
Played around with my last viz to create a quick treemap loading animation with Svelte + GSAP.
Data is from the definitely not made up geographical survey of Narnia.
Data is from the definitely not made up geographical survey of Narnia.
This year I wanted to focus a bit on learning interaction and animations so I decided to play around with some *made up data* to speed things up.
Created with Svelte + GSAP. Will share the code in a bit!
This year I wanted to focus a bit on learning interaction and animations so I decided to play around with some *made up data* to speed things up.
Created with Svelte + GSAP. Will share the code in a bit!