UD5 Toolkit
Bar Chart Maker – Vertical & Horizontal Column Graphs
Create vertical or horizontal bar charts from your data. Enter categories and values to generate a clean, customizable chart ready for presentation use.
Dependency Graph Builder - Online Visualize NPM/Import Dependencies
Dependency Input
Dependency Graph
drag nodes to rearrange
Frequently Asked Questions
A dependency graph is a directed graph representing dependencies between components, packages, or modules. It helps visualize how pieces of software rely on each other, making it easier to analyze architecture, spot circular dependencies, or understand project structure.
Simply paste the contents of your
package.json file into the input area and select "Package.json" mode. The tool will parse dependencies and devDependencies and display them as an interactive graph where the root is your project name.Yes, choose the "Imports" mode and paste your JavaScript/TypeScript code containing
import ... from 'module' statements. All imported modules will be linked from a virtual "Project" root node.In "Custom" mode you can define dependencies line by line using formats like
A,B, A -> B, or A depends on B. Each line creates an edge from the first token to the second.Use the "Export SVG" button to download the current graph as a scalable vector file. You can then open it in any SVG editor or embed it in documentation.
Nodes can be dragged to rearrange the layout manually. This helps you organize complex graphs for better readability or highlight specific dependency paths.
Pie Chart Maker – Simple Online Pie Graph Generator
Quickly build a pie chart from category labels and values. Customize colors and export as SVG or PNG for presentations and reports – no signup needed.
Scatter Plot Generator – Interactive X,Y Data Graphing
Create an interactive scatter plot from your own data. Add points, adjust axes, and see the trend line — all done locally in your browser with SVG/Canvas.
npm Package Name Checker – Online See If Slug Is Taken
Enter a name and query npm registry via public API to check if it's taken or scoped. Quick.
Renovate Bot Config Generator - Online Dependency Updates
Build a renovate.json file to automate dependency updates. Choose schedule, automerge, and package rules. Local.
package.json Generator - Online Interactive Creator
Fill in a form to generate a valid package.json for your Node.js project. Includes popular scripts and fields. Local only.
JSON to Graph Visualization - Online Tree Diagram
Paste a JSON object and see a dynamic, draggable tree graph representation. Excellent for debugging nested data.
NPM Version Badge Generator - Online Shields Style
Pick a package name and generate a custom version or download badge as a static image or Markdown link. For readme files.
npm Version Range Checker - Online SemVer & Tilde Caret
Enter a package name and version range to see all satisfying versions from the registry. Understand ^ and ~.
Dice Roll Probability Calculator - Online Sum & Graph
Select the number and type of dice, then view the exact probability for each possible sum as a bar chart. Great for board game strategy. Local computation.
Function Graph Plotter - Online Math Visualizer 2D
Plot one or more mathematical functions f(x) on a 2D canvas. Zoom, pan, and see intersections. Great for calculus and algebra. Purely client‑side.
NPM Package Name Generator - Online Unique Name Checker
Generate creative, available npm package names and check if a name is already taken on the registry. Quick and fun for developers.