dylan/crosspost
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: improve layout of Stats page

Browse Source
This commit is contained in:
Dylan De Faoite
2026-01-29 19:41:32 +00:00
parent 6fe46c4d48
commit 777060420c
1 changed files with 43 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
frontend/src/pages/Stats.tsx
View File

@@ -55,36 +55,52 @@ const StatPage = () => {
return ( return (
<div> <div>
<h2>Posts per Day</h2> <div
style={{
display: "grid",
gridTemplateColumns: "2fr 1fr",
gap: 24,
maxWidth: 1100,
margin: "0 auto",
width: "100%"
}}
>
<div>
<h2>Posts per Day</h2>
<ResponsiveContainer width={800} height={350}> <ResponsiveContainer width={800} height={350}>
<LineChart data={postsPerDay}> <LineChart data={postsPerDay}>
<CartesianGrid strokeDasharray="3 3" /> <CartesianGrid strokeDasharray="3 3" />
<XAxis dataKey="date" /> <XAxis dataKey="date" />
<YAxis /> <YAxis />
<Tooltip /> <Tooltip />
<Line <Line
type="monotone" type="monotone"
dataKey="posts_count" dataKey="posts_count"
name="Posts" name="Posts"
/>
</LineChart>
</ResponsiveContainer>
</div>
<div>
<h2>Word Cloud</h2>
<ReactWordcloud
words={wordFrequencyData}
options={{
rotations: 2,
rotationAngles: [0, 90],
fontSizes: [14, 60],
enableTooltip: true,
}}
/> />
</LineChart> </div>
</ResponsiveContainer> </div>
<h2>Word Cloud</h2>
<ReactWordcloud
words={wordFrequencyData}
options={{
rotations: 2,
rotationAngles: [0, 90],
fontSizes: [14, 60],
enableTooltip: true,
}}
/>
<h2>Heatmap</h2>
<ActivityHeatmap data={heatmapData} />
<div style={{ width: "100%", height: 320}}>
<h2>Heatmap</h2>
<ActivityHeatmap data={heatmapData} />
</div>
</div> </div>
); );
} }