Home

BLUE & RED IDEA – Heatmap, Treemap & Flowchart Builder

Input your data once, then generate a neon heatmap, treemap, or flowchart – all in the blue-idea style.

Heatmap generator

Enter a matrix of values (rows separated by new lines, columns by commas) and generate a neon heatmap.

Status: ready.

Treemap generator

Provide label and value pairs to build a neon treemap with blue/red highlights.

Status: ready.

Flowchart builder

Describe your steps and connections, then generate a neon flowchart diagram.

Status: ready.
Tool What It Creates What You Must Enter Input Format Example How to Generate What the Output Shows
Heatmap Generator A neon‑colored grid where each cell’s color intensity represents its numeric value. A matrix of numbers arranged in rows and columns. 
10,20,30
5,10,15
2,8,12
 1. Type a title (optional).
2. Paste your matrix into the Heatmap Data box.
3. Choose a color scheme.
4. Click Generate Heatmap. 		A heatmap where low values are dark and high values glow in neon colors.
Treemap Generator A rectangle subdivided into colored blocks sized by value. A list of label/value pairs, one per line. 
Category A,40
Category B,25
Category C,35
 1. Type a title (optional).
2. Enter label/value lines.
3. Choose layout style.
4. Click Generate Treemap. 		A neon treemap where each block’s size reflects its numeric value.
Flowchart Builder A diagram of connected steps (nodes + arrows). A list of nodes and a list of connections. Nodes: 
start: Start
step1: First step
end: End

Edges: 
start -> step1
step1 -> end
 1. Type a title (optional).
2. Enter nodes (id: label).
3. Enter edges (from → to).
4. Choose layout direction.
5. Click Generate Flowchart. 		A neon flowchart with rounded boxes and arrows showing the process flow.