Linux 软件免费装
Banner图

Scrollchart

开发者 scrollchart
更新时间 2026年5月26日 02:38
PHP版本: 7.4 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

embed animation chart diagram infographic

下载

1.9.0

详情介绍:

Scrollchart adds a library of animated diagrams and charts to WordPress. Pick a diagram from scrollchart.com, paste its slug, and the diagram appears in your post with a clean, accessible layout that works on every device. Features No account, no API key Just install, activate, and start embedding. Browse the library at scrollchart.com and copy the slug of any diagram you want to use.

安装:

  1. Upload the plugin to your WordPress site (or install from the plugin directory).
  2. Activate it.
  3. Open a post in the block editor and add a Scrollchart Diagram block. Or in Classic Editor / page builder text blocks, type [scrollchart slug="bell-curve"].
  4. Browse scrollchart.com to find diagram slugs.
Optional: visit Settings -> Scrollchart to set defaults for theme, accent colour, and load behaviour.

屏幕截图:

  • 3000+ diagrams available in 15 languages, with an animated carousel of recent additions.
  • Catalogue browser with category filter, language filter, and live-preview thumbnails. Diagrams marked with the globe icon are available in every supported language.
  • Per-embed configuration: theme, accent colour, frame, size, and language. Live preview updates as you tweak.

升级注意事项:

1.9.0 Adds a brief brand note above the editor's diagram picker (editor-only). Also fully documents every external service connection and the view ping in the readme and privacy policy. No front-end change, no action needed. 1.8.8 Packaging and source-transparency maintenance. No action needed. 1.8.7 Packaging and source-transparency maintenance. No action needed. 1.8.6 Maintenance release: all scripts now load the WordPress-standard way and the embed loader ships inside the plugin. No action needed. 1.7.0 The live preview, AI generator, and catalogue browser now work in WPBakery and Elementor too, not just the block editor. 1.6.0 Adds a live in-editor preview, an AI generator for custom diagrams, and a visual catalogue browser with thumbnails. 1.5.0 Adds a built-in catalog browser in the editor sidebar so you can find diagrams without leaving WordPress.

常见问题:

Do I need an account on scrollchart.com?

No. The plugin works out of the box. Scrollchart.com is a free public library.

Can I use this with my page builder?

Yes. The plugin registers native elements for WPBakery Page Builder and Elementor. Both work alongside the standard block editor and shortcode.

Will the diagrams slow my pages down?

No. Diagrams below the fold defer loading until they scroll into view, and the JavaScript runs only on pages that actually have a diagram. The plugin caches diagram metadata locally so repeat page-loads don't hit the network.

Can I customize colours to match my brand?

Yes. The block, WPBakery element, and Elementor widget all expose theme, accent colour, custom hex colours, border, and background controls. Set defaults in Settings -> Scrollchart so every embed inherits them automatically.

Does it work in AMP / mobile / dark mode?

Yes. Diagrams are responsive (no horizontal scrolling on mobile), respond to system dark-mode preference when theme is set to Auto, and don't rely on any AMP-incompatible techniques.

How do I find a diagram slug?

Visit scrollchart.com, find a diagram you like, and click the embed button. The slug is the kebab-case identifier in the snippet — for example, the slug for the RIR / RPE Scale diagram is rir-rpe-scale.

I want a diagram you don't have. Can you make it?

Yes. Visit scrollchart.com/request-a-diagram. Most custom requests are turned around within 72 hours.

Does the plugin connect to external services?

Yes. All of the plugin's JavaScript and CSS ships inside the plugin itself — nothing executable is loaded from a remote server. But to display the live, interactive diagrams, the bundled loader connects to scrollchart.com at runtime for diagram DATA:

  • It fetches each diagram's metadata from scrollchart.com/api/diagram (cached locally on your server so repeat page-views do not hit the network). Only the diagram slug you embedded is sent.
  • It loads the interactive diagram view in an iframe from scrollchart.com/embed-frame/.
  • It sends a view ping to scrollchart.com/api/ping. The ping sends the diagram slug and the URL of the page the diagram is embedded on. We use this to show authors where their diagrams are being used and to periodically check that the embed is still live on that page. No cookies are set and no visitor-identifying data (no IP stored long-term, no user agent, no fingerprint) is collected. Note that a page URL can itself contain information placed there by the site (for example a username or token in the path or query string); if that is a concern for a particular page, do not embed a Scrollchart diagram on it.
In the editor (admin) screens, when you are picking or creating a diagram:
  • The catalogue browser loads the list of available diagrams from scrollchart.com/api/catalog.json. This is a read-only request; no data about you, your site, or your content is sent. The result is cached on your server for an hour.
  • When a logged-in editor uses the optional Generate with AI button, the editor's typed prompt, and an email address only if the editor chooses to enter one, are sent from your server to scrollchart.com/api/generate.php, which returns a generated diagram. This happens only when an editor actively clicks Generate; it never runs for site visitors and never runs on the front end. If you do not use the AI generator, no prompt data is ever sent.
All of these are first-party Scrollchart endpoints (the service is operated by us, scrollchart.com). What is sent, who receives it, and how it is handled are documented in our privacy policy: scrollchart.com/privacy#wordpress-plugin. Use of the service is governed by our terms: scrollchart.com/terms.

Where is the source code for the bundled JavaScript?

All JavaScript ships human-readable except the front-end loader assets/embed.js, which is minified for size. Its full commented source is included in the plugin at assets/source/embed.src.js, and is also published at scrollchart.com/embed-loader-source.txt. Build instructions (a single esbuild minify step, no bundling) are in BUILD.md in the plugin source. Every other script (the editor bundle, the WPBakery and Elementor editor glue, the block editor script) is shipped unminified.

更新日志:

1.9.0 — 2026-05-22 1.8.8 — 2026-05-21 1.8.7 — 2026-05-21 1.8.6 — 2026-05-14 1.8.5 — 2026-05-13 1.8.4 — 2026-05-13 1.8.3 — 2026-05-13 1.8.2 — 2026-05-13 1.8.1 — 2026-05-13 1.8.0 — 2026-05-13 1.7.1 — 2026-05-13 1.7.0 — 2026-05-13 1.6.0 — 2026-05-13 1.5.0 — 2026-05-12 1.4.0 — 2026-02-24 1.3.0 — 2025-10-14 1.2.0 — 2025-08-02 1.1.0 — 2025-05-19 1.0.0 — 2024-09-15