<script>
import { Axes, XAxis, YAxis, Box, Points, TextLabels } from 'svelte-plots-basic/2d';
const height = [1.68, 1.72, 1.88, 1.54, 1.79];
const weight = [70, 69, 90, 56, 74];
const labels = ['Bob', 'Eva', 'John', 'Leya', 'Peter'];
</script>
<div class="plot-wrapper">
<Axes limX={[1.3, 2]} limY={[50, 100]} title="People">
<Points xValues={height} yValues={weight}
markerSize={1.2}
lineWidth={2}
/>
<TextLabels {labels}
xValues={height} yValues={weight}
faceColor='#606060' textSize={0.85}
pos={3}
/>
<XAxis label="Height, m", showGrid={true} />
<YAxis label="Weight, kg" showGrid={true} />
<Box />
</Axes>
</div>
<style>
.plot-wrapper {
width: 100%;
height: 100%;
}
</style>