xCharts es una biblioteca JavaScript para la creación de gráficas dinámicas, utilizando para ello la tecnología de D3.js, a su vez también emplea HTML, CSS, y SVG.
xCharts fue creado para ser dinámico, fluido y abierto para su fácil integración y personalización. Su compatibilidad con distintos navegadores es extraordinaria y su modo de uso muy sencillo. Al utilizar tecnología JavaScript el ingreso de datos a la biblioteca es muy ágil utilizando, por ejemplo, JSON.
Ejemplo de uso
HTML:
<figure style="width: 400px; height: 300px;" id="myChart"></figure>
JavaScript:
var data = {
"xScale": "ordinal",
"yScale": "linear",
"main": [
{
"className": ".pizza",
"data": [
{
"x": "Pepperoni",
"y": 4
},
{
"x": "Cheese",
"y": 8
}
]
}
]
};
var myChart = new xChart('bar', data, '#mycharts');
El ejemplo que publico generaría una gráfica de barras con los valores pasados en formato JSON. Como podrán darse cuenta la biblioteca es extremadamente fácil de usar, y no requiere más que unas pocas lineas de código.
Visiten el sitio oficial del proyecto para conocer más acerca de este fantástico proyecto.
Web: xCharts
via Kabytes http://www.kabytes.com/programacion/graficos-con-d3-js-html-css-y-svg/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+kabytes+%28Kabytes%29
Comentaris
Publica un comentari a l'entrada