Efter många om och men finns det nu äntligen lite data att titta på. Kommer nog slänga upp mer data allteftersom men just nu kan man se uppmätt inomhus- och utomhustemperatur och jämföra med SMHI:s mätningar. Sålänge det inte är starkt solljus så stämmer min utomhusdata ganska bra med SMHI:s.

Letade en stund efter ett enkelt sätt att visa datan på och hittade då chartist. Installation görs med

bower install chartist --save

För att skapa en graf behöver man en div-tag med klassen ct-chart för css:en och ett unikt id utifall att man har flera grafer på samma sida.

<div class="ct-golden-section ct-chart" id="example-chart"></div>

Datan stoppar man in i genom att skapa ett Chartist-objekt i javascript

var data = {
  labels: ['Jan', 'Feb', 'Mars', 'April', 'Maj'],
  series: [[10, 5.5, 8, 8.5, 5],
           [2, 1, 3.5, 7, 3],
           [1, 3, 4, 5, 4]
]};
var options =  {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
};

new Chartist.Line('#example-chart', data, options);

Och ut kommer den här goa grafen!

Vill man ha labels och sådant finns ett par färdiga plugin som löser det enklaste för att få hyfsad graf.

Dagens trevliga länkar