This site aims to be the ultimate resource for Adobe Illustrator(c) scripting. Here you will find regularly updated collection of free scripts for all your creative needs.

If you find yourself doing the same task again and again, or you have an idea how to optimise your  workflow – get in touch, and we will provide solution.

Sanke Graph

Sanke Graph if you ever had to draw those flowy diagrams where the lines get thicker or thinner based on data… you know how much of a nightmare that is to do by hand lol.

You literally just open the script, type in your labels and numbers, and it does all the math for you. It calculates the proportions and draws these perfect smooth curves automatically. I used it for a marketing funnel slide today and it saved me like an hour of “eyeballing” line weights.

Why it’s cool:

  • It creates everything on its own layers so it dont mess up your artwork.
  • You can change the “flow” handles to make the curves more dramatic or flat.
  • It auto-scales the heights based on the total value you put in.
  • You can align everything to the top, center, or bottom with one click.

This script automates the creation of flow charts where the width of the lines is proportional to the data values provided.

How the Script Generated This Graph

The script used the following logic and user inputs to build this specific visualization:

  • Data Scaling: The script calculated the total sum of the values entered (55 + 26 + 13 + 70 = 164) and scaled the height of each colored “flow” path to represent its share of that total.
  • Path Geometry: Each flow is a Bezier curve path created with a specific stroke width corresponding to its data value. The script automatically calculated the “Source Curve Handle” and “Termination Curve Handle” to create the smooth, organic waves seen connecting the blue box to the labels.
  • Source Labeling: The blue rectangle on the left was generated as the “Source Box”. The text “FACEBOOK OVERVIEW MONTH OF JANUARY” was placed according to the “Source Title” and “Source Value” fields in the script’s dialog box.
  • Flow Outputs: The labels on the right (Views, Reach, Interactions, Follows) and their values were generated from the “Flow Data” inputs in the script.
  • Alignment: The script used its “Center” alignment logic to distribute the output flows evenly relative to the height of the source box.

Def go grab this if you do any kind of data design. It makes you look like a math genius even if your just guessing.