Describe the bug

So first off, kudos for building svend3r. It bridges Svelte and D3 very nicely. :)

I have been trying a few of the examples and they do work, however, when I put my own data into it. It dies with an error of "Cannot have duplicate keys in keyed each".

To Reproduce

Steps to reproduce the behavior:

• take any example
• adjust the data to have a duplicate value for the "y"

Example of data that triggers it (copied from the bar chart):

export default [
  { letter: 'A', frequency: 0.08167 },
  { letter: 'B', frequency: 0.08167 }
];

Expected behavior

I was expecting to see two bars of equal height in the chart.

Describe the bug
Svelte REPL
The x-labels are not centered with the ticks on the bar chart, and the text gets cut off vertically (see the 'y' in "bye").

I copied the default code from the website here, kept all the style parameters the same (except I removed the y-axis units) and made a component in my project.

I was able to fix the text centering by changing the x-axis text component to:
<text y={marginBottom} dx={reactiveXScale.bandwidth() / 2} style="text-anchor: middle;">{xVal}</text>,
but I am having trouble fixing the text height cut off bug.

To Reproduce
Steps to reproduce the behavior:

1. See Svelte REPL

Expected behavior
The x-labels are centered and the text does not get cut off.

Screenshots

Desktop (please complete the following information):

• OS: Mac OS Monterey, M1
• Browser: Firefox
• Version: 99