termel

maxicharts

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.

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.

MaxiCharts Timeline vs MaxiCharts D3js