d3-simpleCharts offers you direct access to a few d3 basic charts and let you add them into your WordPress posts fast and easy.
d3-simpleCharts is here: you can start to show the next generation W3C's sharp charts and graphs (eq SVG formats via d3.js library) from your any WordPress blogs easily.
This WP plug-in contains just 4 simple example graph types that you can call and draw by one shortcode:
The available chart types now are here: 'Columns', 'Bars', 'Line', 'Pie', 'Area'
Pretty simple and obvious there, yes?
You can define data input values on the standard and uniform way from wordpress shortcode's arguments directly or from external input data files.
Shortcode's input option (eq values='1,2,3') is the preferred way always as the primary source of data values & their labels.
Three external file type formats are currently supported for data input (eq datafile='mydata.csv'):
Note: XML should be easy to add: a bare skeleton JS code is there existing already but parsing of document is missing at this very 1st version of plugin package.
simpleCharts lets you start with very simple basic calls when you start to use it as a novice and then let you progress gradually to the quite advanced levels of SVG's real professional properties when you need them and are willing to budget enough time for deeper learning curve.
Software is also automatically choosing default settings for more complex features that you vote not to setup them yet.
Here is the most simple example of shortcode's call that works very well:
[simpleChart maintitle='My Pets' labels='(Cats, Dogs, Birds)' values='(2,1,5)']
Pretty simple & obvious (to create default 'Columns' chart) is it, huh?
Now - to get a whole picture of all rich features available here - you can expand your knowledge and finally master something like this for each new post/page on WP:
[simpleChart chart='Pie' mtitle='All Animals' values='(1,2,4,8,16)' labels='(Cats,Dogs,Birds,Frogs,Bears)' xtitle="Animal race" ytitle="Pcs on wild farm" datafile="animals.json" width="800" height="600" format="+0.02%" title="These animals are living free around." minrange="1.0" url="http://en.wikipedia.org/wiki/Wild_animals" xrotate=-20]
You can customize almost main aspects of new created chart easily by using CSS style file(s) and chart's generated CSS classes together. .
Data input and output
Software Upgrades & Further Development
All software is written also in a style that should be easy to expand & understand for any normal web developer of WordPress, DOM, JS & PHP languages.
Also, there is left on purpose a plenty of 'console.info(foo)' debugging calls for those essential variables of JS that you can activate in order to see what is really going on when SVG drawing takes its place (= consoles of FireBug & Chrome).
d3 lib is abit tricky to grasp at first - take your time & fill your coffee machine :-)
Full open source + reference guide
HAPPY simpleCharting on WordPress !
Requires: 3.3.2 or higher
Compatible up to: 3.5.2
Last Updated: 4 years ago
Active Installs: 20+
Got something to say? Need help?