Statosio · Simple chart diagrams

Statosio is a library to generate simple charts, in a fast and reliable way.

Available Languages:

Javascript: Github / cdnjs
Ruby: Github / RubyGems

Video Introduction

Source Code

Javascript

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.2.0/d3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/statosio/0.9/statosio.js"></script>
<script>
  d3.json( "https://docs.statosio.com/data/performance.json" )
    .then( ( file ) => { d3.statosio( file, "name", "mobile", {} ) } 
  )
</script>
  

Ruby

require "statosio"

require "open-uri"
require "prawn"
require "prawn-svg"

url = "https://docs.statosio.com/data/performance.json"
file = OpenURI::open_uri( url ).read
dataset = JSON.parse( file )

statosio = Statosio::Generate.new
chart = statosio.svg(
    dataset: dataset,
    x: "name",
    y: "mobile",
    options: {}
)

Prawn::Document.generate( "statosio.pdf" ) do | pdf |
  pdf.svg( chart, width: 500, )
end
  