WP Manifestindependent plugin directory
manifest / content / d3toolkit

D3 Toolkit WP Plugin

D3.js data modeling with select2 filtering using WordPress custom post types and taxonomy data

by Jamie Leigh · github.com/himeylo/d3toolkit · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/himeylo/d3toolkit/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/himeylo/d3toolkit ↗

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

  1. Download the latest release
  2. Upload D3Toolkit directory to the /wp-content/plugins/ directory
  3. Activate the plugin through the 'Plugins' menu in WordPress

Build the Plugin pages

  • Within your plugin directory, run npm install.
  • Run npm run build or npm run watch for development and npm run prod for 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.