grapper
@grapper.bsky.social
A simple, declarative, reactive, and high performance data visualization microframework
- documentation : https://www.grapper.io/
- examples and playground: https://playground.grapper.io/
- documentation : https://www.grapper.io/
- examples and playground: https://playground.grapper.io/
🌍 The highest adult obesity rates are mostly in the Pacific.
🇦🇸 American Samoa leads with 75.21% (WHO, 2022). Diet shifts and sedentary habits are key factors.
👉 See how this chart was made: playground.grapper.io/editor/gggov...
#HealthData #Obesity #DataViz #Grapper
🇦🇸 American Samoa leads with 75.21% (WHO, 2022). Diet shifts and sedentary habits are key factors.
👉 See how this chart was made: playground.grapper.io/editor/gggov...
#HealthData #Obesity #DataViz #Grapper
November 4, 2025 at 2:56 PM
🌍 The highest adult obesity rates are mostly in the Pacific.
🇦🇸 American Samoa leads with 75.21% (WHO, 2022). Diet shifts and sedentary habits are key factors.
👉 See how this chart was made: playground.grapper.io/editor/gggov...
#HealthData #Obesity #DataViz #Grapper
🇦🇸 American Samoa leads with 75.21% (WHO, 2022). Diet shifts and sedentary habits are key factors.
👉 See how this chart was made: playground.grapper.io/editor/gggov...
#HealthData #Obesity #DataViz #Grapper
🌡️ Radial Temperature
Chart showing how min (blue) and max (red) temps change through the year. The shaded area shows their average variation and seasonal contrast.
👉 Made with Grapper: playground.grapper.io/editor/gu5oy...
#DataViz #Climate #RadialChart #Grapper
Chart showing how min (blue) and max (red) temps change through the year. The shaded area shows their average variation and seasonal contrast.
👉 Made with Grapper: playground.grapper.io/editor/gu5oy...
#DataViz #Climate #RadialChart #Grapper
October 31, 2025 at 8:23 AM
🌡️ Radial Temperature
Chart showing how min (blue) and max (red) temps change through the year. The shaded area shows their average variation and seasonal contrast.
👉 Made with Grapper: playground.grapper.io/editor/gu5oy...
#DataViz #Climate #RadialChart #Grapper
Chart showing how min (blue) and max (red) temps change through the year. The shaded area shows their average variation and seasonal contrast.
👉 Made with Grapper: playground.grapper.io/editor/gu5oy...
#DataViz #Climate #RadialChart #Grapper
🎯 Circle size in visualization matters more than it seems.
We perceive area, not radius — doubling the radius shows 4× the value.
Scale by area to stay accurate. 📊
👉 Learn more: blog.grapper.io/the-circle-s...
#DataViz #Graphane #DataDesign
We perceive area, not radius — doubling the radius shows 4× the value.
Scale by area to stay accurate. 📊
👉 Learn more: blog.grapper.io/the-circle-s...
#DataViz #Graphane #DataDesign
October 22, 2025 at 6:59 AM
🎯 Circle size in visualization matters more than it seems.
We perceive area, not radius — doubling the radius shows 4× the value.
Scale by area to stay accurate. 📊
👉 Learn more: blog.grapper.io/the-circle-s...
#DataViz #Graphane #DataDesign
We perceive area, not radius — doubling the radius shows 4× the value.
Scale by area to stay accurate. 📊
👉 Learn more: blog.grapper.io/the-circle-s...
#DataViz #Graphane #DataDesign
🔴 1 in 5 Europeans at risk
21.4% of the EU population faces poverty or social exclusion.
Inequality persists — inclusion and social protection are essential for a fairer Europe.
📊 Made with Grapper → playground.grapper.io/editor/gimsz...
#DataViz #EU #Inequality #Grapper
21.4% of the EU population faces poverty or social exclusion.
Inequality persists — inclusion and social protection are essential for a fairer Europe.
📊 Made with Grapper → playground.grapper.io/editor/gimsz...
#DataViz #EU #Inequality #Grapper
October 16, 2025 at 7:10 AM
🔴 1 in 5 Europeans at risk
21.4% of the EU population faces poverty or social exclusion.
Inequality persists — inclusion and social protection are essential for a fairer Europe.
📊 Made with Grapper → playground.grapper.io/editor/gimsz...
#DataViz #EU #Inequality #Grapper
21.4% of the EU population faces poverty or social exclusion.
Inequality persists — inclusion and social protection are essential for a fairer Europe.
📊 Made with Grapper → playground.grapper.io/editor/gimsz...
#DataViz #EU #Inequality #Grapper
🔹 Reactivity & data visualization made simple
With Grapper, the g-bind: directive updates your SVGs automatically when data changes — speeding dev, keeping code clean, and enabling dynamic, reactive visuals.
🔗 Read more: blog.grapper.io/understandin...
#DataViz #Frontend #SVG #Reactivity #Grapper
With Grapper, the g-bind: directive updates your SVGs automatically when data changes — speeding dev, keeping code clean, and enabling dynamic, reactive visuals.
🔗 Read more: blog.grapper.io/understandin...
#DataViz #Frontend #SVG #Reactivity #Grapper
October 14, 2025 at 7:38 AM
🔹 Reactivity & data visualization made simple
With Grapper, the g-bind: directive updates your SVGs automatically when data changes — speeding dev, keeping code clean, and enabling dynamic, reactive visuals.
🔗 Read more: blog.grapper.io/understandin...
#DataViz #Frontend #SVG #Reactivity #Grapper
With Grapper, the g-bind: directive updates your SVGs automatically when data changes — speeding dev, keeping code clean, and enabling dynamic, reactive visuals.
🔗 Read more: blog.grapper.io/understandin...
#DataViz #Frontend #SVG #Reactivity #Grapper
⚡ Speed is UX.
In real-time data viz, every ms counts.
Our SVG-based micro-framework achieves sub-ms reactivity — no virtual DOM, no extra renders.
Performance is design.
🔗 blog.grapper.io/speed-and-us...
#UX #DataViz #Grapper
In real-time data viz, every ms counts.
Our SVG-based micro-framework achieves sub-ms reactivity — no virtual DOM, no extra renders.
Performance is design.
🔗 blog.grapper.io/speed-and-us...
#UX #DataViz #Grapper
October 9, 2025 at 9:14 AM
⚡ Speed is UX.
In real-time data viz, every ms counts.
Our SVG-based micro-framework achieves sub-ms reactivity — no virtual DOM, no extra renders.
Performance is design.
🔗 blog.grapper.io/speed-and-us...
#UX #DataViz #Grapper
In real-time data viz, every ms counts.
Our SVG-based micro-framework achieves sub-ms reactivity — no virtual DOM, no extra renders.
Performance is design.
🔗 blog.grapper.io/speed-and-us...
#UX #DataViz #Grapper
📦 Does package size still matter?
Today, size isn’t everything, but it’s key for first loads, slow connections, or choosing simple, modular libraries.
⚡ What matters: speed, smoothness, and stability. That’s what Grapper delivers.
👉 Learn more on our blog: medium.com/graphane/doe...
Today, size isn’t everything, but it’s key for first loads, slow connections, or choosing simple, modular libraries.
⚡ What matters: speed, smoothness, and stability. That’s what Grapper delivers.
👉 Learn more on our blog: medium.com/graphane/doe...
September 30, 2025 at 1:46 PM
📦 Does package size still matter?
Today, size isn’t everything, but it’s key for first loads, slow connections, or choosing simple, modular libraries.
⚡ What matters: speed, smoothness, and stability. That’s what Grapper delivers.
👉 Learn more on our blog: medium.com/graphane/doe...
Today, size isn’t everything, but it’s key for first loads, slow connections, or choosing simple, modular libraries.
⚡ What matters: speed, smoothness, and stability. That’s what Grapper delivers.
👉 Learn more on our blog: medium.com/graphane/doe...
🔍 Rethinking Data Visualization
Instead of coding every step, what if you just described the outcome? 💡
Declarative tools like Grapper simplify changes, boost collaboration & unleash creativity. 🚀
👉 Full article: medium.com/graphane/ret...
#DataVisualization #DeclarativeProgramming #Grapper
Instead of coding every step, what if you just described the outcome? 💡
Declarative tools like Grapper simplify changes, boost collaboration & unleash creativity. 🚀
👉 Full article: medium.com/graphane/ret...
#DataVisualization #DeclarativeProgramming #Grapper
Rethinking the Declarative Approach in Data Visualization
Data visualization has become indispensable for exploring, explaining, and communicating complex information. Behind every visualization is…
medium.com
September 23, 2025 at 8:13 AM
🔍 Rethinking Data Visualization
Instead of coding every step, what if you just described the outcome? 💡
Declarative tools like Grapper simplify changes, boost collaboration & unleash creativity. 🚀
👉 Full article: medium.com/graphane/ret...
#DataVisualization #DeclarativeProgramming #Grapper
Instead of coding every step, what if you just described the outcome? 💡
Declarative tools like Grapper simplify changes, boost collaboration & unleash creativity. 🚀
👉 Full article: medium.com/graphane/ret...
#DataVisualization #DeclarativeProgramming #Grapper
🚀 Meet Grapper: a lightweight, open-source micro-framework for data viz.
- SVG + directives
- No compilers
- Fast & reactive
From weekend prototype → now powering 100s of custom visualizations.
🔗 medium.com/graphane/why...
#DataViz #OpenSource #SVG
- SVG + directives
- No compilers
- Fast & reactive
From weekend prototype → now powering 100s of custom visualizations.
🔗 medium.com/graphane/why...
#DataViz #OpenSource #SVG
Why Grapper
The Graphery team developed Grapper out of frustration with existing solutions for crafting creative data visualizations.
medium.com
September 16, 2025 at 10:21 AM
🚀 Meet Grapper: a lightweight, open-source micro-framework for data viz.
- SVG + directives
- No compilers
- Fast & reactive
From weekend prototype → now powering 100s of custom visualizations.
🔗 medium.com/graphane/why...
#DataViz #OpenSource #SVG
- SVG + directives
- No compilers
- Fast & reactive
From weekend prototype → now powering 100s of custom visualizations.
🔗 medium.com/graphane/why...
#DataViz #OpenSource #SVG
Reposted by grapper
🏔️ Exploring Scotland’s Munros
For #TidyTuesday, I charted the 5 highest and 5 lowest Munros.
🥇 The tallest is Ben Nevis (1,345m), while some Munros barely cross the 3,000 ft mark.
Made with #Graphane:
playground.graphane.dev/editor/guf14...
#DataViz #Scotland #Mountains
For #TidyTuesday, I charted the 5 highest and 5 lowest Munros.
🥇 The tallest is Ben Nevis (1,345m), while some Munros barely cross the 3,000 ft mark.
Made with #Graphane:
playground.graphane.dev/editor/guf14...
#DataViz #Scotland #Mountains
August 19, 2025 at 9:08 AM
🏔️ Exploring Scotland’s Munros
For #TidyTuesday, I charted the 5 highest and 5 lowest Munros.
🥇 The tallest is Ben Nevis (1,345m), while some Munros barely cross the 3,000 ft mark.
Made with #Graphane:
playground.graphane.dev/editor/guf14...
#DataViz #Scotland #Mountains
For #TidyTuesday, I charted the 5 highest and 5 lowest Munros.
🥇 The tallest is Ben Nevis (1,345m), while some Munros barely cross the 3,000 ft mark.
Made with #Graphane:
playground.graphane.dev/editor/guf14...
#DataViz #Scotland #Mountains
Graphane is in #wearedevelopers event
July 10, 2025 at 7:24 AM
Graphane is in #wearedevelopers event
Reposted by grapper
🌊 Water Quality at Sydney Beaches
For this week’s #TidyTuesday, I explored how water temperature and rainfall influence enterococci contamination in 2024.
Visual made with #Graphane:
playground.graphane.dev/editor/gcatt...
#DataViz
For this week’s #TidyTuesday, I explored how water temperature and rainfall influence enterococci contamination in 2024.
Visual made with #Graphane:
playground.graphane.dev/editor/gcatt...
#DataViz
May 20, 2025 at 7:42 AM
🌊 Water Quality at Sydney Beaches
For this week’s #TidyTuesday, I explored how water temperature and rainfall influence enterococci contamination in 2024.
Visual made with #Graphane:
playground.graphane.dev/editor/gcatt...
#DataViz
For this week’s #TidyTuesday, I explored how water temperature and rainfall influence enterococci contamination in 2024.
Visual made with #Graphane:
playground.graphane.dev/editor/gcatt...
#DataViz
Reposted by grapper
🌋 Seismic Events at Mount Vesuvius
For this week’s #TidyTuesday, I visualized seismic depths from 2013–2024.
Each circle shows an event, with its size reflecting how far the shockwave could spread from the epicenter.
You can see this in #Graphane:
playground.graphane.dev/editor/gazn7...
#DataViz
For this week’s #TidyTuesday, I visualized seismic depths from 2013–2024.
Each circle shows an event, with its size reflecting how far the shockwave could spread from the epicenter.
You can see this in #Graphane:
playground.graphane.dev/editor/gazn7...
#DataViz
May 13, 2025 at 8:32 AM
🌋 Seismic Events at Mount Vesuvius
For this week’s #TidyTuesday, I visualized seismic depths from 2013–2024.
Each circle shows an event, with its size reflecting how far the shockwave could spread from the epicenter.
You can see this in #Graphane:
playground.graphane.dev/editor/gazn7...
#DataViz
For this week’s #TidyTuesday, I visualized seismic depths from 2013–2024.
Each circle shows an event, with its size reflecting how far the shockwave could spread from the epicenter.
You can see this in #Graphane:
playground.graphane.dev/editor/gazn7...
#DataViz
Reposted by grapper
The #30DayChartChallenge is interesting. Some of the charts we have made are mediocre, but others are quite interesting. We have tested the #graphane micro-framework with many forms of visualization and we are satisfied with the result.
playground.graphane.dev/gallery/@pal...
playground.graphane.dev/gallery/@pal...
April 30, 2025 at 6:07 AM
The #30DayChartChallenge is interesting. Some of the charts we have made are mediocre, but others are quite interesting. We have tested the #graphane micro-framework with many forms of visualization and we are satisfied with the result.
playground.graphane.dev/gallery/@pal...
playground.graphane.dev/gallery/@pal...
Reposted by grapper
Discover the fascinating timeline of Methuselah, the world's oldest tree! 🌳 From the Great Pyramid to the Moon Landing.
Day 30 | Uncertainties - theme day: national geographic | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gr0vb...
Day 30 | Uncertainties - theme day: national geographic | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gr0vb...
April 30, 2025 at 5:49 AM
Discover the fascinating timeline of Methuselah, the world's oldest tree! 🌳 From the Great Pyramid to the Moon Landing.
Day 30 | Uncertainties - theme day: national geographic | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gr0vb...
Day 30 | Uncertainties - theme day: national geographic | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gr0vb...
Reposted by grapper
Day 29 of the #30DayChartChallenge! 👽
Today's theme: Extraterrestrial 🛸
A timeline of Earth’s most UFO-obsessed years, based on real sighting reports.
Turns out the skies get busier when the world gets weirder.
#DataViz #Charts #Graphane #UFO
See it here:
playground.graphane.dev/editor/gj9xw...
Today's theme: Extraterrestrial 🛸
A timeline of Earth’s most UFO-obsessed years, based on real sighting reports.
Turns out the skies get busier when the world gets weirder.
#DataViz #Charts #Graphane #UFO
See it here:
playground.graphane.dev/editor/gj9xw...
April 29, 2025 at 1:13 PM
Day 29 of the #30DayChartChallenge! 👽
Today's theme: Extraterrestrial 🛸
A timeline of Earth’s most UFO-obsessed years, based on real sighting reports.
Turns out the skies get busier when the world gets weirder.
#DataViz #Charts #Graphane #UFO
See it here:
playground.graphane.dev/editor/gj9xw...
Today's theme: Extraterrestrial 🛸
A timeline of Earth’s most UFO-obsessed years, based on real sighting reports.
Turns out the skies get busier when the world gets weirder.
#DataViz #Charts #Graphane #UFO
See it here:
playground.graphane.dev/editor/gj9xw...
Reposted by grapper
Humans have launched a few objects into interstellar space. One of them may be found by aliens.
Day 29 | Uncertainties - extraterrestrial | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gn5f0...
Day 29 | Uncertainties - extraterrestrial | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gn5f0...
April 29, 2025 at 8:43 AM
Humans have launched a few objects into interstellar space. One of them may be found by aliens.
Day 29 | Uncertainties - extraterrestrial | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gn5f0...
Day 29 | Uncertainties - extraterrestrial | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gn5f0...
Reposted by grapper
Day 28 | Uncertainties - inclusion | #30DayChartChallenge
Comprueba como es tu percepción de la #migración en #España en www.lamigracion.es
Comprueba como es tu percepción de la #migración en #España en www.lamigracion.es
April 28, 2025 at 9:03 AM
Day 28 | Uncertainties - inclusion | #30DayChartChallenge
Comprueba como es tu percepción de la #migración en #España en www.lamigracion.es
Comprueba como es tu percepción de la #migración en #España en www.lamigracion.es
Reposted by grapper
Day 28 of the #30DayChartChallenge! 📊
Today's theme: #Inclusion 🫶
From the self to society —
A journey across 6 layers of inclusion.
Social inclusion isn't a single circle — it's a system.
#DataViz #Charts #Graphane
See it here:
playground.graphane.dev/editor/g0otm...
Today's theme: #Inclusion 🫶
From the self to society —
A journey across 6 layers of inclusion.
Social inclusion isn't a single circle — it's a system.
#DataViz #Charts #Graphane
See it here:
playground.graphane.dev/editor/g0otm...
April 28, 2025 at 8:29 AM
Day 28 of the #30DayChartChallenge! 📊
Today's theme: #Inclusion 🫶
From the self to society —
A journey across 6 layers of inclusion.
Social inclusion isn't a single circle — it's a system.
#DataViz #Charts #Graphane
See it here:
playground.graphane.dev/editor/g0otm...
Today's theme: #Inclusion 🫶
From the self to society —
A journey across 6 layers of inclusion.
Social inclusion isn't a single circle — it's a system.
#DataViz #Charts #Graphane
See it here:
playground.graphane.dev/editor/g0otm...
Reposted by grapper
Everyone is on the move and has to be integrated into a new place. See the dynamics of internal movements, migrants and immigrants in Spain.
Day 28 | Uncertainties - inclusion | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/g218k...
Day 28 | Uncertainties - inclusion | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/g218k...
April 28, 2025 at 9:51 PM
Everyone is on the move and has to be integrated into a new place. See the dynamics of internal movements, migrants and immigrants in Spain.
Day 28 | Uncertainties - inclusion | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/g218k...
Day 28 | Uncertainties - inclusion | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/g218k...
Reposted by grapper
Check out the average noise in #Madrid from 2011 to 2024
Day 27 | Uncertainties - noise | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gxtqn...
Day 27 | Uncertainties - noise | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gxtqn...
April 27, 2025 at 3:30 PM
Check out the average noise in #Madrid from 2011 to 2024
Day 27 | Uncertainties - noise | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gxtqn...
Day 27 | Uncertainties - noise | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gxtqn...
Reposted by grapper
Check out the population structure (over 16 year old) in #Spain
Day 26 | Uncertainties - monochrome | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gcllh...
Day 26 | Uncertainties - monochrome | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gcllh...
April 26, 2025 at 1:55 PM
Check out the population structure (over 16 year old) in #Spain
Day 26 | Uncertainties - monochrome | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gcllh...
Day 26 | Uncertainties - monochrome | #30DayChartChallenge
#DataVisualization made with #Graphane
playground.graphane.dev/editor/gcllh...