Blender Node Diagram

Blender Node Diagram — WordPress Block Plugin Two Gutenberg blocks for rendering Blender shader node diagrams as interactive, scrollable SVGs. Ships with three Blinn-Phong presets, a full-screen visual diagram builder for custom node networks, and a static N/L/V/H concept illustration block. Blocks 1. Blender Node Diagram (blender-node-diagram/diagram) A data-driven SVG renderer. Three preset variations appear directly in the block inserter under the Media category: | Variation | Preset key | Diagram width | |------------------------|------------|---------------| | Blinn-Phong Node Chain | blinn | ~1 710 px | | Sharpness Sub-Network | sharp | ~930 px | | Full NPR Glossy Group | group | ~2 260 px | All diagrams scroll horizontally inside a dot-grid container that matches Blender's node editor aesthetic. The frontend renderer (view.js) is only enqueued on pages that contain the block — no overhead on unrelated pages. Switching the type to Custom (JSON) adds two options in the inspector: - Open Diagram Builder — full-screen visual node editor (see below) - Raw JSON textarea — paste/edit the { nodes, connections } object directly 2. Blinn