Flowchart builder

Give a process a shape people can follow.

29 / 31

Individual or collaborative

THE EXAMPLE CHALLENGE

Map an input check from reading to a safe result.

Temperature checker / process map4 nodes · 3 connections

INSPECT A NODE

A decision creates two paths. The connection labels make the condition visible.

Shapes, labeled edges, node palette and a minimap

Grid, snapping, starter graphs and configurable node limits

Optional classroom collaboration and PNG submission preview

What this part of Arc does

Shapes, labeled edges, node palette and a minimap
Grid, snapping, starter graphs and configurable node limits
Optional classroom collaboration and PNG submission preview

This is a browsable portfolio interpretation of Arc’s workflows with fictional examples. Navigation, filtering and theme previews work here; editing, execution and platform services belong to the original application.

Inside the original application.

Real Arc screens and recordings, captured locally with fictional people and work.

All original recordings ↗

Arc: An idea becomes a visible plan — 01 / Student
An idea becomes a visible plan
A real diagram made with the native shape palette, editable labels and connected decision branches.

Source references & review notes

app/Platform/Domain/Task/Handlers/FlowchartTaskHandler.php
resources/views/components/task-types/editors/flowchart.blade.php
app/Platform/Shared/ViewModels/FlowchartTaskEditorViewModel.php

Read the portal research & evidence boundaries ↗

Source reviewed at development revision 5549bf96. Original captures have their own pinned revisions; the live platform has a separate release.

Map an input check from reading to a safe result.

Inside the original application.

An idea becomes a visible plan