I saw some interesting statistics published by Vaihe regarding Astro and the usage of various tools and frameworks with it.

As I’ve been working on data visualisation components recently, and given my site is also written in Astro (with some Preact/React in places), I thought it would be fun to visualise some of these statistics about Astro using Astro. One of the components I’ve been working on is a stacked value chart, which I’m using here.

1
<ProseIsland>
2
    <ActivityChart
3
        options={{
4
            format: 'percent',
5
            size: 'medium'
6
        }}
7
        data={[
8
            { label: 'With React', value: 0.258, color: '#009d88' },
9
            { label: 'Without React', value: 0.742, color: '#00bf63' },
10
        ]} />
11
</ProseIsland>

How many Astro sites use React

The popularity of Tailwind among Astro sites

Estimating how many Astro sites use SSR vs. SSG

How popular each Astro SSR solution is

How many Astro sites use a JavaScript framework

The most popular JavaScript frameworks within Astro.js sites