vlty

<p><strong>Chartlet</strong> is a lightweight, performance-focused plugin for creating beautiful, interactive charts and graphs via shortcodes.</p>
<p>Stop bloating your database! Unlike other chart plugins that store every graph as a custom post type, Chartlet stores all configurations directly within the shortcode. This makes your site faster and your data easier to manage.</p>
<p>Using the power of <strong>Chart.js</strong> (loaded locally for maximum privacy and GDPR compliance), Chartlet allows you to visualize data in seconds. Perfect for data journalism, financial reports, or simply adding a professional touch to your blog posts.</p>
<h3>Key Benefits:</h3>
<ul>
<li><strong>Zero Database Bloat:</strong> No per-chart database entries. Everything lives in your content.</li>
<li><strong>Ultra Lightweight:</strong> Optimized for Core Web Vitals and speed.</li>
<li><strong>GDPR Compliant:</strong> No external CDNs. Chart.js is served directly from your server.</li>
<li><strong>Intuitive Builder:</strong> Create charts visually in your admin settings and get a shortcode instantly.</li>
<li><strong>Native Gutenberg Block:</strong> Insert charts directly from the block inserter with a live server-side preview.</li>
</ul>
<h3>Features</h3>
<ul>
<li><strong>8 Chart Types:</strong> Bar, Line, Pie, Doughnut, Radar, Polar area, Scatter, and Bubble charts.</li>
<li><strong>Gutenberg Block:</strong> Native <code>chartlet/chart</code> block with real-time server-side preview in the editor.</li>
<li><strong>Live Shortcode Builder:</strong> Configure labels, data points, colors, and dimensions with a real-time generator.</li>
<li><strong>Fully Responsive:</strong> Charts automatically scale to fit any screen size (mobile, tablet, desktop).</li>
<li><strong>Smart Defaults:</strong> Set global brand colors and heights in the settings to keep your charts consistent.</li>
<li><strong>Custom Units:</strong> Add prefixes (e.g., $) or suffixes (e.g., %) to your data tooltips.</li>
<li><strong>Translation Ready:</strong> Fully compatible with multilingual sites.</li>
</ul>
<h3>Usage</h3>
<p><strong>Gutenberg block:</strong> Open the block inserter and search for “Chartlet”. Insert the block, enter data, and the chart preview updates live in the editor.</p>
<p><strong>Shortcode builder:</strong> Go to <strong>Chartlet <span aria-hidden="true" class="wp-exclude-emoji">→</span> Generate</strong>. Use the visual builder to:<br />
1. Select your chart type.<br />
2. Input labels and data (separated by <code>,</code>).<br />
3. Customize colors, title, and height.<br />
4. Add a value suffix (e.g., %) or prefix (e.g., $).<br />
5. Click <strong>Generate Shortcode</strong>, copy it, and paste it anywhere!</p>
<p><strong>Shortcode examples:</strong></p>
<pre><code>[chartlet type="bar" labels="Jan,Feb,Mar" data="10,20,15" colors="#3366cc,#dc3912" title="Revenue" height="300" prefix="$"]

[chartlet type="scatter" data="1:5, 2:10, 3:8"]

[chartlet type="bubble" data="1:5:3, 2:10:5, 3:8:10"]
</code></pre>


Chartlet

The lightest way to create beautiful, responsive charts in WordPress. No database clutter, no heavy libraries — just pure performance.

suivixtenzia

<p>Once installed, the plugin scans posts, pages, and taxonomy terms to gather every discovered link. The results are rendered in a Force Atlas 2 graph that updates in real time as you zoom, pan, and click.</p>
<p>Each node represents a piece of content or an external domain, while edges show the relationships between them. Color codes, labels, and interactive controls make it easy to spot patterns, navigate clusters, and focus on the areas that need attention.</p>
<h4>Key Features</h4>
<ul>
<li>Automated scanning: Crawl your published content to collect inbound and outbound links in a single click.</li>
<li>Interactive visualization: Explore a dynamic canvas with zoom, pan, drag, and hover effects to inspect every connection.</li>
<li>Internal vs. external insights: Highlight how much of your linking equity stays on-site versus flows to other domains.</li>
<li>Focused views: Toggle external links, isolate the main cluster, or hide labels when presenting large graphs.</li>
<li>Layout controls: Fine-tune grouping strength, pause or resume the Force Atlas animation, and refit the view at any time.</li>
<li>Responsive admin UI: The WordPress-native interface adapts to different screen sizes for quick reviews during audits or meetings.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.0 or newer</li>
<li>PHP 7.4 or newer</li>
<li>A modern browser with Web Worker support</li>
</ul>
<h3>Getting Started</h3>
<h4>Run your first analysis</h4>
<ol>
<li>Go to Tools > Link Visualizer.</li>
<li>Click Scan Content to analyze posts, pages, and taxonomy terms.</li>
<li>When the scan completes, press Generate Sitemaps.</li>
<li>The interactive graph appears with the latest relationships.</li>
</ol>
<h4>Navigate the graph</h4>
<ul>
<li>Zoom with the scroll wheel.</li>
<li>Pan by dragging the canvas.</li>
<li>Inspect a node to view its inbound and outbound counts.</li>
<li>Control the animation with the Play and Pause buttons to stabilize dense areas.</li>
</ul>
<h3>Display Options</h3>
<ul>
<li>Show External Links toggles whether outbound domains appear on the map.</li>
<li>Only Main Cluster hides small isolated groups so you can focus on your core site.</li>
<li>Show Labels reveals or conceals node titles for clearer presentations.</li>
<li>Grouping Strength adjusts how tightly related nodes cluster together.</li>
</ul>
<h3>Recommended Workflow</h3>
<ul>
<li>Audit regularly: Trigger scans after major content updates or publishing sprints to keep insights current.</li>
<li>Spot orphans first: Identify pages with no inbound links and schedule them for internal promotion.</li>
<li>Reinforce hubs: Use the visualization to confirm that pillar pages distribute links across related topics.</li>
<li>Report progress: Capture screenshots or share observations with stakeholders to document improvements over time.</li>
</ul>
<h3>Performance Considerations</h3>
<ul>
<li>Large libraries benefit from breaking scans into batches and temporarily hiding external domains when presenting.</li>
<li>If the animation feels busy, pause the layout, reposition key nodes manually, then resume when ready.</li>
<li>Reduce grouping strength for sprawling sites, or increase it when you need tightly packed clusters.</li>
</ul>
<h3>Troubleshooting</h3>
<h4>Scan does not complete</h4>
<ul>
<li>Confirm that the current user has the manage_options capability.</li>
<li>Temporarily raise the PHP memory limit or execution time if the site hosts thousands of posts.</li>
<li>Check the WordPress debug log for specific error messages.</li>
</ul>
<h4>Graph does not appear</h4>
<ul>
<li>Make sure a scan has finished and the sitemap was generated.</li>
<li>Open the browser console to review any JavaScript errors.</li>
<li>Verify that the browser supports Web Workers and hardware acceleration.</li>
</ul>
<h4>Graph feels slow</h4>
<ul>
<li>Hide labels and external domains while exploring dense networks.</li>
<li>Pause the Force Atlas layout after the initial arrangement settles.</li>
<li>Close heavy tabs/apps to free resources.</li>
</ul>
<h3>Support</h3>
<p>For questions, feature requests, or bug reports, please open an issue on the project’s GitHub repository.</p>


Internal Link Visualizer

Visualize your site's internal and external links as an interactive map. Discover orphan content and optimize your linking strategy.

Chartlet vs Internal Link Visualizer