Viewing a saved revision (read-only)
598a74fa8fc849679f64e6203cfea233
Fork of Codu exercise
A dark-themed scatterplot tracks monthly homelessness figures in Dublin from 2014 to 2024, plotting each month’s total as a white circle over a dark navy background. The chart uses D3’s `scaleTime` and `scaleLinear` for axes, `d3.autoType` and `timeParse` for data processing, and GSAP for animated hover effects that enlarge individual points. A line path connecting the points is defined via `d3.line`, though it remains commented out in the code.
AI-generated descriptionCodu exercise from talk on 1st august.
{#each data as d, i} <!-- <circle id={'circle_' + i} class="circle" cx={xScale(d.date)} cy={yScale(d.Total)} r={3} ></circle> -->
<!-- <Circle {xScale} {yScale} data={d} {i} />
--> {/each}
<!-- <path
id="lineplot"
fill="none"
stroke="white"
stroke-width="1.5"
d={linePlot(data)}
/>
--> <!-- <text id="yaxis_text" cursor="pointer" x="100" y="50" on:click={() => randomise()}>{'Randomise'}</text > -->