<div id="observablehq-chart-b24de8d3"></div>
<div id="observablehq-viewof-replay-b24de8d3"></div>
<script type="module">
import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
import define from "https://api.observablehq.com/@aagostini/bar-chart-race-explained.js?v=3";
  
const main = new Runtime().module(define, name => {
  if (name === "viewof replay") return new Inspector(document.querySelector("#observablehq-viewof-replay-b24de8d3"));
  if (name === "chart") return new Inspector(document.querySelector("#observablehq-chart-b24de8d3"));
});
const newData = [
    {
        "date": "1990-01-01T00:00:00.000Z",
        "name": "OLIVIA",
        "value": 1600,
        "category": "OLIVIA"
    },
    {
        "date": "1990-01-01T00:00:00.000Z",
        "name": "ELIZABETH",
        "value": 1500,
        "category": "ELIZABETH"
    },
    {
        "date": "1990-01-01T00:00:00.000Z",
        "name": "JUSTIN",
        "value": 1500,
        "category": "JUSTIN"
    },
    {
        "date": "1990-01-01T00:00:00.000Z",
        "name": "CHARLIE",
        "value": 1500,
        "category": "CHARLIE"
    },
    {
        "date": "1991-01-01T00:00:00.000Z",
        "name": "OLIVIA",
        "value": 1200,
        "category": "OLIVIA"
    },
    {
        "date": "1991-01-01T00:00:00.000Z",
        "name": "ELIZABETH",
        "value": 1400,
        "category": "ELIZABETH"
    },
    {
        "date": "1991-01-01T00:00:00.000Z",
        "name": "JUSTIN",
        "value": 1300,
        "category": "JUSTIN"
    },
    {
        "date": "1991-01-01T00:00:00.000Z",
        "name": "CHARLIE",
        "value": 1340,
        "category": "CHARLIE"
    },
    {
        "date": "1992-01-01T00:00:00.000Z",
        "name": "OLIVIA",
        "value": 1000,
        "category": "OLIVIA"
    },
    {
        "date": "1992-01-01T00:00:00.000Z",
        "name": "ELIZABETH",
        "value": 1400,
        "category": "ELIZABETH"
    },
    {
        "date": "1992-01-01T00:00:00.000Z",
        "name": "JUSTIN",
        "value": 1120,
        "category": "JUSTIN"
    },
    {
        "date": "1992-01-01T00:00:00.000Z",
        "name": "CHARLIE",
        "value": 1340,
        "category": "CHARLIE"
    }
]
  
// main.redefine("data", newData);
main.redefine("data", newData.map(d=> Object.assign(d, {date: new Date(d.date)})));
</script>