Code Visualizer

Paste any code file. See what it does — instantly. Pure client-side parsing. No AI, no login, no API cost.

FREE · No AI

.razor .cs .js / .ts .html DAX M (Power Query) .py SQL

What this tool does

Paste code. See its structure instantly.

Code Visualizer parses your code client-side — no server, no AI, no API cost — and draws a visual map of what it found. Ideal for understanding unfamiliar code, reviewing student work, or teaching concepts live in class.

◈

Blazor / Razor

Extracts: route (@page), injected services, [Parameter] & [CascadingParameter], EventCallbacks, state fields, lifecycle methods (OnInitializedAsync, Dispose), computed properties, @bind bindings, child components used.

◇

C# Class / Service

Extracts: class name & inheritance chain, constructor DI injections, public properties, async methods, data annotations ([Required], [HttpGet], etc).

⬡

JavaScript / TypeScript

Extracts: imports, exports, function declarations (async flagged), fetch API calls with URLs, DOM operations used.

⬜

HTML Page

Extracts: meta tags (title, description, og:title), semantic structure (nav, header, main, section, footer), linked scripts & stylesheets, internal vs external link count.

◆

DAX Measure

Extracts: VAR declarations, aggregation functions (CALCULATE, SUM, SUMX), filter context modifiers (ALL, FILTER, REMOVEFILTERS), time intelligence functions, table[column] references.

◑

Power Query (M)

Extracts: all let...in steps with count, data source connector (Excel, CSV, SQL, Web), transformation functions applied (Table.FilterRows, Table.Group, etc), input/output data flow.

⬟

Python

Extracts: imports, class definitions, function signatures (async flagged), decorators (@app.route, @property, etc), pandas operations (read_csv, groupby, merge).

◉

SQL Query

Extracts: CTEs (WITH clauses), all source tables (FROM/JOIN), join types, WHERE filter conditions, SELECT output columns, GROUP BY aggregations.

Language

Paste code to auto-detect

Paste Your Code

◈

Paste code to start

Select a language or let auto-detect work, then click Visualize to see the map.