edwardbenson

Cloudstitch is a community of spreadsheet powered widgets you can add to any site — things like product lists, data visualizations, and conference schedules.
This plugin makes every widget on Cloudstitch available in WordPress with a simple Shortcode.
Adding a shaded electoral map of the US, for example, is as simple as adding the following line: <code>[cloudstitch widget="project-templates/electoral-map-visualization"]</code>
<h3>Trying it Out</h3>
Try out the plugin by injecting demo widget already on Cloudstitch. Just add the following Shortcode to a page or post:
<pre><code>`
</code></pre>
[cloudstitch widget=”project-templates/electoral-map-visualization”] 
 `
<h3>Using your own Cloudstitch Widgets</h3>
You can inject any widget that you’ve duplicated and customized on Cloudstitch. The general Shortcode format is:
<pre><code>`
</code></pre>
[cloudstitch widget=”USER-NAME/PROJECT-NAME”] 
 `
For example, let’s say you visited Cloudstitch.io and duplicated <a href="http://cloudstitch.io/project-templates/electoral-map-visualization" rel="nofollow ugc">that electoral map widget</a>.
Assuming your username is <code>TheIncredibleHulk</code>, you would end up with your own copy of the project hosted at a URL like this: <code>http://cloudstitch.io/TheIncredibleHulk/electoral-map-visualization</code>.
Your custom Shortcode is thus <code>[cloudstitch widget="TheIncredibleHulk/electoral-map-visualization"]</code>

Cloudstitch

Add the entire Cloudstitch library of spreadsheet-powered visualizations and widgets with just a shortcode.

termel

maxicharts

Create beautiful sunbursts, networks, trees based on free csv datasheets or dedicated Custom Post Type. Uses the wonderfull js library <a href="https://d3js.org/" title="d3.js" rel="nofollow ugc">d3.js</a>.
<h3>Shortcode</h3>
Create a d3js chart based on json or CPT nodes (created by plugin):
Create sunburst from hierarchical JSON file:
<pre><code>[maxicharts_d3js show_buttons="" type="sunburst" height="500"]"
</code></pre>
Create tree from hierarchical JSON file:
<pre><code>[maxicharts_d3js show_buttons="" type="tree" data_path"https://url_of_your_json.json"]
</code></pre>
Create tree from gravity forms form (need conditionnalLogic):
<pre><code>[maxicharts_d3js show_buttons="" type="tree" gf_form_id="3" width="1600" height="1000"]
</code></pre>
Create network from Network nodes:
<pre><code>[maxicharts_d3js_nodes show_buttons="" width="960px" height="500px"]
</code></pre>

MaxiCharts D3js

Create beautiful charts using powerfull D3js library.

Cloudstitch vs MaxiCharts D3js