D3 Toolkit WP Plugin
D3.js data modeling with select2 filtering using WordPress custom post types and taxonomy data
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/himeylo/d3toolkit/archive/refs/heads/main.zipReadme
D3 Toolkit WP Plugin
WordPress data visualization toolkit using D3.js data visualization, Select2 filtering, and WP custom post types and taxonomies. Sets up custom post types for strategies, indicators, and tools, and taxonomy terms for objectives, lifecycle phases, project themes, who is involved, and indicator types. Complements any Genesis child theme to display strategy, indicator, and tool details in single and interactive circle packing data visualization archive views with filtering by associated taxonomy terms.
Custom post types and taxonomies use Advanced Custom Fields, which are maintained in this repository and displayed when editing custom posts upon plugin activation.
Also included is a /toolkit landing page that acts as the top-level, parent page for the toolkit. This page utilizes GSAP ScrollTrigger animation for an interactive, scrollytelling user experience.
Requirements
- Genesis theme
- Advanced Custom Fields plugin
Installation
- Download the latest release
- Upload
D3Toolkitdirectory to the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
Build the Plugin pages
- Within your plugin directory, run
npm install. - Run
npm run buildornpm run watchfor development andnpm run prodfor production Note: Uncomment the "for development" enqueue script in the Smart Framework template for development
Building the D3.js data visualization archive pages
Sorry that it's a little redundant, but see respective README's for each component. Each uses npm and grunt independently.
- Strategies framework and relationship
- Indicators framework and relationship
- Tools framework and relationship