<!--
Original plot: https://observablehq.com/@d3/calendar/2
Blog post version: https://tonydang.blog/d3-svelte-calendar/
Notes:
- Thank you to Sebastian Lammers (https://vis.social/@seblammers) for the Legend
implementation. The Legend previously relied on HTMLCanvasElement.getContext()
for creating the gradient which does not allow for SSR. The new Legend
implementation uses SVG rects for the gradient. This allows SSR, which in
turn allows for the chart to be pre-rendered for better performance.
-->
<script>
import data from "./data.json";
import Calendar from "./Calendar.svelte";
</script>
<div style="background: #fff; padding: 25px;">
<Calendar {data} />
</div>