在現代的web開發中，我們經常需要前后端交互數據，而json是目前最常用的數據格式之一。在前端中，我們需要將json數據繪制成UI，而這就需要使用到draw json。

在html中，我們可以使用pre標簽來展示json數據，這樣可以更清晰的看到json的格式。

{
"id": 1,
"name": "John Doe",
"email": "johndoe@example.com",
"address": {
"street": "123 Main St",
"city": "Anytown",
"state": "CA",
"zip": "12345"
},
"phoneNumbers": [
{
"type": "home",
"number": "555-555-1234"
},
{
"type": "work",
"number": "555-555-5678"
}
]
}

而在JavaScript中，我們可以使用jQuery插件或者其他的第三方庫來繪制json。以下是一個使用jQuery插件的例子：

$('#json').jsonViewer(data, {collapsed: true, withQuotes: true});

這行代碼將會從id為json的元素中解析出json數據，并以樹狀結構的形式呈現。其中，collapsed表示默認是否收縮、withQuotes表示是否包含key的雙引號等。

總結一下，繪制json是前端開發中非常常見的工作之一，使用pre標簽來展示json數據可以更清晰直觀，而使用第三方庫則可以方便快速的繪制json數據。