grapper

👥 Spain’s population pyramid

A quick look at Spain’s age & gender structure.

A narrowing base and heavier older cohorts highlight population aging — with more women at later ages.
Built with Grapper.

🔎 playground.grapper.io/editor/gdzku...

#DataViz #Demographics #PopulationPyramid #Grapp

🚆 Hourly train passengers in Barcelona

Train usage by hour: morning rush, midday dip, evening peak. Urban rail mobility visualized with Grapper.

🔗 playground.grapper.io/editor/g1z8z...

#DataViz #UrbanMobility #Grapper

📊 Europe’s energy mix (1990–2022)

From oil and coal dominance to the rise of renewables. A clear snapshot of Europe’s energy transition.

Built with Grapper 👇
playground.grapper.io/editor/g9qcn...

#DataViz #EnergyTransition

📊 Scotland’s giants, in perspective

This chart compares the 5 highest and 5 lowest Munros in Scotland, from Ben Nevis (1,344 m) to peaks just over 900 m, putting the country’s mountain scale into context.

Built with Grapper 👉 playground.grapper.io/editor/guf14...

🍕🇪🇸 Spain’s favorite pizzas:
Hawaiian → Margherita → Four Cheese → Carbonara → BBQ.
Classics endure, bold flavors rise.

📊 Data: playground.grapper.io/editor/gtksx...

#PizzaLovers #DataViz #Spain

📈♻️ Where does all our plastic end up?

1950–2017: 9.2B tons produced.

5B waste, 2.5B in use, 900M incinerated, only 600M recycled.

Most plastic never comes back.

👉 playground.grapper.io/editor/gmw2m...

#PlasticWaste #CircularEconomy #Sustainability #DataViz

🎄✨ Christmas can be visualized too.

This tree is made with data and designed using Grapper.
Because even at this time of year, stories are better told with charts.

Merry Christmas! 🎁📊

📊 Spain’s labor market by age (2024): participation peaks at 45–54, youth face higher unemployment, and activity drops sharply after 60. Education, entry barriers, and retirement help explain the gap.

🔗 playground.grapper.io/editor/gfzsw...

🌍 Data is global — your visuals should be too.

Formats, numbers, dates and text vary by region, and one mismatch can break your insight.

Grapper automatically adapts your charts to any locale, ensuring consistent, truly global visualizations.

#DataVisualization #GlobalInsights #Localization

🔷 When pictograms inspire code

ISOTYPE showed how repeating one symbol can reveal patterns. Grapper brings that idea to code: clear, minimal, unsaturated visualizations. 🔁

🔗 blog.grapper.io/from-isotype...

#DataViz #Grapper #ISOTYPE

🌍💭 Over the past 120 years, the world shifted from mostly autocracies to more democracies… and now autocracies are rising again (V-Dem 2025).

👉 See the chart in Grapper: playground.grapper.io/editor/g904p...

#Geopolitics #Democracy #Autocracy #DataViz

Simplifying SVG loops with Grapper

g-for loops over arrays/objects to create SVG elements, charts, shapes, text, without manual DOM updates.

- Reactive visuals
- Clean templates
- Works with arrays, objects, ranges

Great for dashboards & real-time charts.

🔗 blog.grapper.io/understandin...

#SVG

Did you know this data is shown on a single line of circles? 🔵

A minimal, powerful visualization of how people spend time on mobile — social networks at the top, calls & apps at the bottom.

See how it was made: playground.grapper.io/editor/gggov...

#DataVisualization

🌍 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

🌡️ 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

🎯 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

🔴 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

🔹 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

⚡ 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

🔎 Europe is divided about the future: 66% pessimistic vs 34% optimistic.

Ireland is the most optimistic (49%), while Italy and Greece reach 80% pessimism.

👉 What’s your outlook, optimistic or pessimistic?

#DataViz #EU #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...

Rethinking the Declarative Approach in Data Visualization Data visualization has become indispensable for exploring, explaining, and communicating complex information. Behind every visualization is…

🔍 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

Why Grapper The Graphery team developed Grapper out of frustration with existing solutions for crafting creative data visualizations.

🚀 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

🏔️ 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

Graphane is in #wearedevelopers event

Water Quality at Sydney Beaches - 2024 Overview

🌊 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

🌋 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

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...

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...

Years whit more UFO reports

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...