JSFiddle - React, Tailwind, and code Playground

by jpraden

HTML

<h2>Goleadores en mundiales</h2>
<div id="chart"></div>
<div id="detalles"></div>

JavaScript

{
  "$schema": "https://vega.github.io/schema/vega-lite/v3.json",
  "data": {
    "url": "data/seattle-weather.csv",
    "format": {
      "type": "csv"
    }
  },
  "mark": "bar",
  "encoding": {
    "x": {
      "bin": true,
      "field": "precipitation",
      "type": "quantitative"
    },
    "y": {
      "aggregate": "count",
      "type": "quantitative"
    }
  },
  "config": {
    "axisY": {
      "minExtent": 30
    }
  }
}