pnge-visual-explainer

Generate self-contained HTML visualizations for petroleum engineering concepts and data.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/jpfielding/claude.pnge --skill pnge-visual-explainer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pnge-visual-explainer
Source: https://github.com/jpfielding/claude.pnge/tree/main/skills/pnge-visual-explainer
Command: npx skills add https://github.com/jpfielding/claude.pnge --skill pnge-visual-explainer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill generates self-contained, visually appealing HTML pages to explain complex petroleum engineering concepts, data relationships, and system interactions, making them easily shareable and report-ready.

Core Features & Use Cases

  • Concept Diagrams: Create diagrams for reservoir systems, DLE processes, well schematics, etc.
  • Data Visualizations: Generate charts (line, bar, scatter, histogram) for time series, comparisons, and distributions.
  • Interactive Explanations: Build dynamic elements like tabbed views, tooltips, and animations.
  • Use Case: When asked to "show me a diagram of the DLE process" or "plot the Li concentration over time," this skill produces a portable HTML file that can be opened in any browser.

Quick Start

Use the pnge-visual-explainer skill to create a chart showing Li concentration by formation.

Frequently Asked Questions about pnge-visual-explainer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate interactive HTML diagrams for petroleum engineering concepts?

To generate interactive HTML diagrams for petroleum engineering concepts, use a tool that creates self-contained HTML files with custom visualizations. This approach produces portable outputs for reservoir systems, DLE processes, and well schematics that can be opened in any browser.

Can I create data charts for time series and distributions in petroleum engineering?

Yes, you can create data charts for time series and distributions in petroleum engineering by generating HTML files that utilize Chart.js. This supports line, bar, scatter, and histogram charts to visualize data like Li concentration over time or comparisons across formations.

What is the best way to share petroleum engineering visualizations and reports?

The best way to share petroleum engineering visualizations and reports is by generating self-contained HTML pages. These portable files include interactive elements like tabbed views and tooltips, requiring no external dependencies to display correctly in any standard web browser.

Does this visualization approach work without external data connections or server dependencies?

Yes, this visualization approach works without external data connections or server dependencies. The generated HTML files are completely self-contained, embedding the data, Chart.js logic, and styling within a single portable file for easy offline sharing and reporting.

How do I build dynamic elements like tooltips and tabbed views for reservoir system explanations?

To build dynamic elements like tooltips and tabbed views for reservoir system explanations, use HTML generation techniques that produce interactive explanations. This creates dynamic visual elements within a single HTML file, making complex system interactions easily understandable and report-ready.