JSFiddle - React, Tailwind, and code Playground

by jhbabon

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plottable.js/1.6.1/plottable.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/plottable.js/1.11.0/plottable.min.js"></script>

JavaScript

var data;
d3.json("http://api.openweathermap.org/data/2.5/forecast?q=Barcelona,us&appid=bd82977b86bf27fb59a04b61b657fb6f", function (error, json) {
    data = json["list"].map(function (w) {
        return d3.map({
            "time": w["dt_txt"],
            "temp": w["main"]["temp"]
        });
    });
    data.forEach(function (element, _index, _array) {
        console.log(element.get("time") + " - " + element.get("temp"));
    });
});