<script>
import * as d3 from 'd3';
let width = 400;
const data = d3.csv('https://vega.github.io/vega-datasets/data/gapminder-health-income.csv')
console.log(data);
const xScale = d3.scaleLinear()
.domain([0, d3.max(data)])
.range([0, width])
</script>
{#each data as d}
<div class="bar" style="width: {xScale(d)}px;">
{d}
</div>
{/each}
<style>
.bar {
background: steelblue;
padding: 3px;
margin: 1px;
text-align: right;
color: white;
}
</style>