{"id":23,"date":"2014-04-05T05:11:05","date_gmt":"2014-04-04T23:41:05","guid":{"rendered":"https:\/\/blog.azoora.com\/?p=23"},"modified":"2017-05-28T11:26:09","modified_gmt":"2017-05-28T11:26:09","slug":"building-beautiful-data-driven-charts-with-xcharts","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/javascript\/building-beautiful-data-driven-charts-with-xcharts\/","title":{"rendered":"Building Beautiful Data-Driven Charts with xCharts"},"content":{"rendered":"<p><a href=\"http:\/\/tenxer.github.com\/xcharts\/\">xCharts<\/a>\u00a0is\u00a0<strong>a JavaScript library for building beautiful and custom data-driven chart visualizations<\/strong>\u00a0for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.<\/p>\n<p>Since xCharts use SVG, we are able to accomplish most of our styling of xCharts directly through CSS. This means you have quite a bit of control to handle the visualization however you want. The best way to style charts is to start with the included stylesheet, or use your browser\u2019s element inspector to see each elements CSS class selectors that are available to use.<\/p>\n<blockquote><p>Requirements: D3.js<br \/>\nDemo:\u00a0<a href=\"http:\/\/tenxer.github.com\/xcharts\/\">http:\/\/tenxer.github.com\/xcharts\/<\/a><br \/>\nLicense: License Free<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>xCharts\u00a0is\u00a0a JavaScript library for building beautiful and custom data-driven chart visualizations\u00a0for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization. Since xCharts use SVG, we are able to accomplish most of our styling of xCharts directly through CSS. This means you have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":26,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[12],"tags":[23,54,16],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2015\/11\/wpid-wp-1448889245866.png","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-n","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/23"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions\/583"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/26"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}