d3 simpleCharts

d3-simpleCharts offers you direct access to a few d3 basic charts and let you add them into your WordPress posts fast.

Author:Jouni Santara (profile at wordpress.org)
WordPress version required:3.3.2
WordPress version tested:3.5.2
Plugin version:1.3.22
Added to WordPress repository:20-04-2013
Last updated:26-07-2013
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:0
Rated by:0
Plugin URI:http://wordpress.org/extend/plugins/d3-simple...
Total downloads:1 890
Active installs:20+
plugin download
Click to start download

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:

'simpleChart'

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'):

  1. CSV
  2. JSON
  3. TSV (eq tab separated values)

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]

  • Very advanced & powerfull shortcode's call* above to draw just the way you want your professional embedded super fast vector graphics.
  • Advanced in detail on Wiki

You can customize almost main aspects of new created chart easily by using CSS style file(s) and chart's generated CSS classes together. .

Key Features

  1. Chart type switcher buttons to compare data different ways.
  2. New chart's vertical position control based on CSS.
  3. New chart's total look & feel control based on CSS.
  4. Automatic smooth gradient coloring of each bar (or area) of chart.
  5. Many embedded charts on the same page, no problem.
  6. Supporting W3C's globally recognized open web standards: DOM, SVG, and CSS.
  7. Supports time series from data files.
  8. Open chart's data set export: Excel, SVG editor/viewer, and into big data (JSON) format.
  9. JavaScript API support for all shortcode's options with your apps. .

Data input and output

  • Data importing from most common external file formats (CSV/TSV/JSON) on server.
  • Exporting: Excel and JSON formats (eq big data).
  • Optional smart parsing of 2x2 matrix data points files row by row. .

Software Upgrades & Further Development

  • Distributed collaborative development via GitHub too (= welcome to fork and improve core's code for "d3-simpleCharts", note BIG 'C' in name).
  • Supporting D3 (eq data driven documents) developers society for powerfull JavaScript graphics (d3.js on GitHub).

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 !