Data Visualization Diagrams, Bar Charts, Line Charts, Function Charts, Point Charts, Area Charts, Spider Webs, Radar Webs, Donut Charts, Pie Charts, Bubble Charts, Gauge Charts

Data Diagrams

 

Label
type: text
datatype: color
datatype: number
type: text
datatype: color
datatype: number
type: text
datatype: color
datatype: number
datatype: color
px
type: number
°

type: boolean
type: boolean
type: text
datatype: color
type: number
°
type: number
px

datatype: color
type: number
px
,px

datatype: color
type: number
px
type: number
px

FillName
datatype: color
datatype: color
type: text
datatype: color
datatype: color
type: text
type: number
px
type: number
px
type: number
px
Declare the sources
type: number
px
type: number
px
type: number
px
datatype: color
px
Label
type: text
datatype: color
datatype: number
type: text
datatype: color
datatype: number
datatype: color
px
type: number
°
datatype: color
type: number
px
,px

datatype: number
datatype: number
datatype: number
datatype: color
datatype: number
type: text
type: text
type: text
datatype: color
datatype: number
datatype: color
datatype: number
type: text
datatype: color
datatype: number
datatype: number
datatype: color
datatype: color

type: text
datatype: number
datatype: number
datatype: number
datatype: number
datatype: color
datatype: number
type: text
type: text
type: boolean
type: boolean
type: text
datatype: color
datatype: number
datatype: color
datatype: number
type: text
datatype: color
datatype: number
datatype: number
datatype: color
datatype: color


type: number
px
type: number
px
type: number
%

Stroke & fill
datatype: color
type: number
px
,px
datatype: color
Outer distance from frame to context
type: number
px
type: number
px
type: number
px
type: number
px
Inner distance from frame to diagram
type: number
px
type: number
px
type: number
px
type: number
px
Appearance
Stroke & fill
datatype: color
type: number
px
,px
pattern: \d+\,\d+
datatype: color

AsiaEurope
Poverty
datatype: integer
datatype: integer
Land
datatype: integer
datatype: integer
Language
datatype: integer
datatype: integer
<?xml version="1.0" encoding="UTF-8"?>
<dia:data xmlns:ds="http://www.bootstrap-data.org" xmlns:dia="http://data-diagrams.com">
<row>
<cell>34</cell>
<cell>45</cell>
</row>
[2 lines]
<row>
<cell>13</cell>
<cell>67</cell>
</row>
[2 lines]
<row>
<cell>90</cell>
<cell>34</cell>
</row>
[2 lines]
</dia:data>
[9 lines]
{"data":
{"row":
[
{"cell":
[
34,45
]
},
{"cell":
[
13,67
]
}
]
}
}

 
 
 
 
 
 



Oops

Your browser is not supported

A modern browser with Javascript ES6 is required

Any major browser from 2015 onwards will be suitable