JSON Tree Viewer
Visualize JSON as an interactive collapsible tree with type highlighting.
이 도구에 대해
Paste any JSON into the input and see it rendered as a fully interactive collapsible tree. Each node can be expanded or collapsed with a click. Values are color-coded by data type: strings in green, numbers in blue, booleans in orange, null in gray, arrays in purple, and objects in the default text color. Hover over any node to see its full dot-notation path in a breadcrumb below the tree. Click any primitive value to copy it to your clipboard. Arrays and objects show their element count. All processing happens in the browser — no JSON is sent to any server.
사용 방법
- 1 Paste your JSON into the textarea on the left.
- 2 The tree view renders automatically on the right.
- 3 Click the arrow next to any object or array to collapse or expand it.
- 4 Hover over a node to see its JSON path in the breadcrumb bar.
- 5 Click a primitive value (string, number, boolean, null) to copy it.
- 6 Use Expand All or Collapse All to quickly adjust the entire tree.
자주 묻는 질문
JSON 포맷 지정, 검증 및 최소화 — 구문 오류 위치 정확히 표시.
Format, validate, and explore JSON with syntax highlighting, JSONPath browser, tree collapse, and schema inference.
Format, validate, and minify XML with syntax highlighting.
YAML 구문을 유효성 검사하고 형식이 지정된 JSON으로 변환하세요 — 브라우저에서 완전히 실행됩니다.
CSV 데이터를 JSON으로, JSON 배열을 CSV로 변환하세요 — 구분자 옵션과 라이브 미리보기 포함.