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.

Create beautiful timelines based on posts, pages or free csv datasheets. Uses the wonderfull js library <a href="http://visjs.org/docs/timeline/index.html" title="vis.js" rel="nofollow ugc">vis.js</a>. 
Integrates with <a href="https://gravityflow.io/" title="Gravity Flow" rel="nofollow ugc">Gravity Flow</a>
<h3>Shortcodes</h3>
Create a timeline for blog’s posts or other post type (even CPT):
<pre><code>[maxicharts_timeline_post type="[post|page|cpt1|cpt2|...] groups="[draft|pending|publish...]"]"
</code></pre>
Create a timeline from a csv:
<pre><code>[maxicharts_timeline_csv data_path="[url_of_your_file.csv]" separator="[,|;]"]
</code></pre>
where:
<ul>
<li><code>type</code> : is the post type you want to create timeline for</li>
<li><code>data_path</code> : is the URL of your <code>.csv</code> file</li>
<li><code>separator</code> : specifies the csv separator, usually <code>,</code> or <code>;</code></li>
<li><code>groups</code> : only show post with <a href="https://codex.wordpress.org/Post_Status" title="posts statuses" rel="nofollow ugc">these statuses</a></li>
</ul>
Inside your CSV file (url set in <code>data_path</code>), you need to use field defined by the <a href="http://visjs.org/docs/timeline/#Data_Format" title="TimeLine Doc" rel="nofollow ugc">visjs timeline documentation</a>. 
Required fields are <code>content</code> and <code>start</code>, all others are optional.
Create a timeline for <a href="https://gravityflow.io/" title="Gravity Flow" rel="nofollow ugc">Gravity Flow</a>:
<pre><code>[maxicharts_timeline_gravity_flow form_id=[form_id] entry_id=[entry_id] groups=[step|assignee|workflow]]
</code></pre>
where:
<ul>
<li><code>form_id</code> : is the gravity forms form ID you want to create timeline for</li>
<li><code>entry_id</code> : is the GF entry ID you want to create timeline for</li>
<li><code>groups</code> : coma separated list of status types you want to make appear on the timeline</li>
</ul>

MaxiCharts Timeline

Create beautiful timelines based on posts, pages Custom Post Types, free csv datasheets, or even Gravity Flow events.

MaxiCharts D3js vs MaxiCharts Timeline