JSON Viewer

{
"AppTheme": {
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Ln:1Col:1
size: 14.22 KB

JSON Sorter
object
{1}
AppTheme
{11}
font
:
PFDinDisplayPro-Light
textSize
:
16
textColor
:
1
colorBorderStroke
:
0
colorBackground
:
1
borderStrokeWidth
:
2
colors
[22]
0
:
#FFFFFF
1
:
#000000
2
:
#1D1E22
3
:
#27292D
4
:
#131416
5
:
#1C1E21
6
:
#23C48E
7
:
#5F7CD8
8
:
#04C0F8
9
:
#ED9D00
10
:
#D3435C
11
:
#00D195
12
:
#C8C7CC
13
:
#6B6B6B
14
:
#808080
15
:
#B3B3B3
16
:
#4C64D0
17
:
#31C791
18
:
#4A90E2
19
:
#F50061
20
:
#424242
21
:
#DBDBDB
ProjectView
{16}
backgroundImage
:
img_bg_grid_pins
backgroundImageCell
:
img_bg_grid_pins
backgroundImageCellHightlight
:
pins_bg_pins_highlight
colorBackgroundCell
:
0
colorBackgroundCellHightlight
:
0
iconExit
:
icn_navbar_log_out_idle
iconPlay
:
icn_navbar_play
iconStop
:
navigation_stop
iconSettings
:
icn_navbar_settings
iconPressState
:
iconTrash
:
icn_trash
colorNotificationsBackground
:
10
errorConnectionMessage
:
can't connect to Blynk server
errorHardwareOfflineMessage
:
%hardware name% is offline
errorTextSize
:
18pt
errorFont
:
PFDinTextPro-Thin
WidgetBox
{21}
colorHeader
:
6
headerTextSize
:
22
headerFont
:
PFDinDisplayPro-Light
backgroundImage
:
colorBackground
:
2
separatorTextSize
:
12
separatorFont
:
PFDinDisplayPro-Light
separatorLabelAlpha
:
0.1
separatorTextColor
:
1
widgetIconBackgroundIdle
:
widgetIconBackgroundPressed
:
widgetIcons
[0]
(empty array)
widgetNameTextSize
:
22
widgetNameFont
:
PFDinDisplayPro-Light
widgetNameLabelAlpha
:
0.65
widgetNameTextColor
:
1
widgetAlreadySetTextSize
:
22
widgetAlreadySetFont
:
PFDinDisplayPro-Light
widgetAlreadySetLabelAlpha
:
1
widgetAlreadySetTextColor
:
6
widgetLockedIcon
:
WidgetBaseStyle
{23}
borderStrokeWidth
:
2
colorBackground
:
1
colorBorderStroke
:
2
cornerRadius
:
10
nameLabelTextSize
:
10
nameLabelAlpha
:
0.65
nameLabelFont
:
PFDinDisplayPro-Light
nameLabelTextColor
:
1
Button
{8}
textSize
:
19
textLabelAlphaStateOff
:
0.45
textLabelAlphaStateOn
:
1
colorBackgroundStateOff
:
0
colorBackgroundStateOn
:
0
colorBorderStroke
:
0
stateOffLabelFont
:
PFDinDisplayPro-Light
stateOnLabelFont
:
PFDinDisplayPro-Light
Slider
{5}
colorBackground
:
1
colorBorderStroke
:
0
borderStrokeWidth
:
2
colorHandle
:
1
colorHandleFill
:
1
Timer
{4}
timeLabelTextSize
:
27
timeLabelAlpha
:
1
timeLabelFont
:
PFDinDisplayPro-Light
timeLabelTextColor
:
9
JoystickTwoAxis
{22}
pin1LabelTextSize
:
10
pin1LabelAlpha
:
1
pin1LabelFont
:
PFDinDisplayPro-Light
pin1LabelTextColor
:
16
pin2LabelTextSize
:
10
pin2LabelAlpha
:
1
pin2LabelFont
:
PFDinDisplayPro-Light
pin2LabelTextColor
:
16
pin1ValueLabelTextSize
:
10
pin1ValueAlpha
:
1
pin1ValueFont
:
PFDinDisplayPro-Light
pin1ValueTextColor
:
6
pin2ValueLabelTextSize
:
10
pin2ValueAlpha
:
1
pin2ValueFont
:
PFDinDisplayPro-Light
pin2ValueTextColor
:
7
circleBackgroundImage
:
widget_background
externalCircleStrokeImage
:
wdgt_joystick_bg
externalCircleImage
:
wdgt_joystick_bg
internalCircleStrokeImage
:
wdgt_joystick_handler
internalCircleImage
:
wdgt_joystick_handler
circleFocus
:
?
zeRGBa
{27}
pin1LabelTextSize
:
10
pin1LabelAlpha
:
1
pin1LabelFont
:
PFDinDisplayPro-Light
pin1LabelTextColor
:
10
pin2LabelTextSize
:
10
pin2LabelAlpha
:
1
pin2LabelFont
:
PFDinDisplayPro-Light
pin2LabelTextColor
:
6
pin3LabelTextSize
:
10
pin3LabelAlpha
:
1
pin3LabelFont
:
PFDinDisplayPro-Light
pin3LabelTextColor
:
8
pin1ValueLabelTextSize
:
10
pin1ValueAlpha
:
1
pin1ValueFont
:
PFDinDisplayPro-Light
pin1ValueTextColor
:
10
pin2ValueLabelTextSize
:
10
pin2ValueAlpha
:
1
pin2ValueFont
:
PFDinDisplayPro-Light
pin2ValueTextColor
:
6
pin3ValueLabelTextSize
:
10
pin3ValueAlpha
:
1
pin3ValueFont
:
PFDinDisplayPro-Light
pin3ValueTextColor
:
8
animalColor
:
img_zergba_color
animalOutline
:
img_zergba_outline
handleStroke
:
ic_add_zergba_highlighted
Graph
{11}
backgroundImage
:
widget_background
gridColor
:
1
xAxisAlpha
:
0.65
xAxisColor
:
1
timestampLabelTextSize
:
10
pin1LabelAlpha
:
0.65
pin1LabelFont
:
PFDinDisplayPro-Light
pin1LabelTextColor
:
1
chartline
:
?
chartlinePoint
:
?
chartbar
:
?
HistoryGraph
{28}
legend1LabelTextSize
:
10
legend1LabelAlpha
:
1
legend1LabelFont
:
PFDinDisplayPro-Light
legend1LabelTextColor
:
6
legend2LabelTextSize
:
10
legend2LabelAlpha
:
1
legend2LabelFont
:
PFDinDisplayPro-Light
legend2LabelTextColor
:
7
legend3LabelTextSize
:
10
legend3LabelAlpha
:
1
legend3LabelFont
:
PFDinDisplayPro-Light
legend3LabelTextColor
:
10
legend4LabelTextSize
:
10
legend4LabelAlpha
:
1
legend4LabelFont
:
PFDinDisplayPro-Light
legend4LabelTextColor
:
9
timestampLabelTextSize
:
10
timestampLabelAlpha
:
0.65
timestampLabelFont
:
PFDinDisplayPro-Light
timestampLabelTextColor
:
9
rangeSelectorPressed
:
?
rangeSelectorIdleColor
:
1
rangeSelectorIdleAlpha
:
0.65
gridLinesColor
:
1
gridLinesAlpha
:
0.65
axisLinesColor
:
1
axisLinesAlpha
:
0.65
graphLine1Color
:
9
Gauge
{10}
backgroundImage
:
widget_background
colorBackground
:
1
valueLabelTextSize
:
24
valueLabelAlpha
:
1
valueLabelFont
:
PFDinDisplayPro-Light
valueLabelTextColor
:
1
minMaxLabelTextSize
:
10
minMaxLabelAlpha
:
0.65
minMaxLabelFont
:
PFDinDisplayPro-Light
minMaxLabelTextColor
:
1
ValueDisplay
{4}
valueLabelTextSize
:
27
valueLabelAlpha
:
1
valueLabelFont
:
PFDinDisplayPro-Light
valueLabelTextColor
:
1
LED
{2}
offImage
:
led_overlay
onImage
:
led_color_alpha
Terminal
{11}
colorInputLine
:
2
inputLineFont
:
CourierNew
inputLineTextColor
:
1
inputLineTextSize
:
12
scrollbar
:
?
colorBackground
:
2
screenTextColor
:
1
textSize
:
12
font
:
CourierNew
inputLineHintTextSize
:
12
inputLineHintFont
:
CourierNew
LCD
{7}
onScreeBackgroundColor
:
1
offScreeBackgroundColor
:
1
offScreeBackgroundAlpha
:
0.5
screenTextFont
:
enhanced_led_board-7.ttf
screenTextColor
:
1
screenTextSize
:
22
logo
:
wdgt_lcd_china_logo
Notifications
{3}
Twitter
{2}
imageOFF
:
icn_twitter_off
imageON
:
icn_twitter_on
PushNotifications
{1}
image
:
icn_notification
Email
{1}
image
:
icn_mail
Bridge
{1}
image
:
bridge_icon
JoystickOneAxis
{14}
pinLabelTextSize
:
10
pinLabelAlpha
:
1
pinLabelFont
:
PFDinDisplayPro-Light
pinLabelTextColor
:
16
pinValueLabelTextSize
:
10
pinValueAlpha
:
1
pinValueFont
:
PFDinDisplayPro-Light
pinValueTextColor
:
6
circleBackgroundImage
:
widget_background
externalCircleStrokeImage
:
wdgt_joystick_bg
externalCircleImage
:
wdgt_joystick_bg
internalCircleStrokeImage
:
wdgt_joystick_handler
internalCircleImage
:
wdgt_joystick_handler
circleFocus
:
?
WidgetSettings
{4}
colorBackground
:
6
Header
{5}
labelTextSize
:
22
labelAlpha
:
1
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
2
okButtonImage
:
btn_ok_picker_idle
Body
{7}
colorBackground
:
2
illustrations
[0]
(empty array)
colorIllustrationsBackground
:
5
imageIllustrationsBackground
:
img_settings_blueprint_bg
separatorAlpha
:
0.1
separatorColor
:
1
colorpickerStrokeColor
:
1
SettingsCommonElements
{11}
InputField
{11}
colorBackground
:
transparent
strokeAlpha
:
0.35
strokeColor
:
1
cornerRadius
:
10
labelTextSize
:
12
labelAlpha
:
0.35
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
1
hintTextSize
:
24
hintAlpha
:
1
hintFont
:
PFDinDisplayPro-Light
InputPinField
{12}
colorBackground
:
-1
strokeAlpha
:
0.35
strokeColor
:
1
cornerRadius
:
10
labelTextSize
:
12
labelAlpha
:
0.35
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
1
hintTextSize
:
22
hintAlpha
:
1
hintFont
:
PFDinDisplayPro-Light
hintTextAllCaps
:
true
Picker
{26}
colorBackground
:
2
headerColor
:
6
okButtonImage
:
btn_ok_picker_idle
pinTypeTextSize
:
22
pinTypeTextAlpha
:
1
pinTypeFont
:
PFDinDisplayPro-Light
pinTypeTextSelectedSize
:
22
pinTypeTextSelectedAlpha
:
1
pinTypeSelectedFont
:
PFDinDisplayPro-Light
pinNumberTextSize
:
22
pinNumberTextAlpha
:
1
pinNumberFont
:
PFDinDisplayPro-Light
pinNumberTextSelectedSize
:
22
pinNumberTextSelectedAlpha
:
1
pinNumberSelectedFont
:
PFDinDisplayPro-Light
busyTextSize
:
22
busyTextLabelAlpha
:
1
busyLabelFont
:
PFDinDisplayPro-Light
pwmTextSize
:
12
pwmTextLabelAlpha
:
1
pwmLabelFont
:
PFDinDisplayPro-Light
pwmTextColor
:
1
separatorImage
:
img_pin_picker_gradient
separatorAlpha
:
0.45
separatorColor
:
1
overlayImage
:
img_pin_picker_gradient
PrimaryButon
{8}
colorBackground
:
transparent
cornerRadius
:
10
strokeAlpha
:
0.35
strokeColor
:
1
labelTextSize
:
12
labelAlpha
:
1
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
1
SecondaryButon1
{7}
colorBackground
:
-1
cornerRadius
:
10
strokeColor
:
8
labelTextSize
:
24
labelAlpha
:
1
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
8
SecondaryButon2
{7}
colorBackground
:
-1
cornerRadius
:
10
strokeColor
:
8
labelTextSize
:
24
labelAlpha
:
1
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
8
CriticalButton
{8}
colorBackground
:
-1
cornerRadius
:
10
strokeColor
:
10
strokeImage
:
img_button_outline
labelTextSize
:
24
labelAlpha
:
1
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
10
Switch
{10}
strokeColor
:
1
circleColor
:
1
activeLabelTextSize
:
19
activeLabelAlpha
:
1
activeLabelFont
:
PFDinDisplayPro-Light
activeLabelTextColor
:
1
idleLabelTextSize
:
19
idleLabelAlpha
:
0.45
idleLabelFont
:
PFDinDisplayPro-Light
idleLabelTextColor
:
1
FrequencyButton
{13}
colorBackground
:
-1
strokeAlpha
:
0.65
strokeColor
:
1
strokeImage
:
img_button_outline
cornerRadius
:
10
labelTextSize
:
12
labelAlpha
:
1
labelFont
:
PFDinDisplayPro-Light
labelTextColor
:
1
hintTextSize
:
24
hintAlpha
:
0.65
hintFont
:
PFDinDisplayPro-Light
hintTextAllCaps
:
true
LowHighValues
{3}
lowOutputLabelImage
:
img_button_range-1
highOutputLabelImage
:
img_button_range-1
connectorLabelImage
:
img_button_range-1
InputRangeValues
{10}
inputValue1TextSize
:
24
inputValue1Alpha
:
0.65
inputValue1Font
:
PFDinDisplayPro-Light
inputValue1TextColor
:
1
inputValue2TextSize
:
24
inputValue2Alpha
:
0.65
inputValue2Font
:
PFDinDisplayPro-Light
inputValue2TextColor
:
1
connectorCircleLabelImage
:
btn_range_mapping_on_colorfill
connectorCircleLabelColor
:
6

Ad blocking? It's okay.

Please share on social media to support us:

Tweet Share Post

JSON Beautifier Online


Welcome to the online JSON Viewer, JSON Formatter, and JSON Beautifier at CodeBeautiy.org. JSON is a data format that is gaining popularity and getting used extensively in many AJAX-powered Web sites because of being human-readable.

Many websites offer APIs, which will return data in JSON format. Often the JSON provided has white space removed to reduce the size payload or data. This JSON API formatter gives you a quick and easy way to format the JSON so you can read it. JSON Viewer displays your image preview if the data is an image URL and simplifies JSON data.

What can you do with JSON Viewer?

  • Beautify / Format your JSON.
  • Parse and Display / Explore your JSON String to JSON tree view.
  • Minify / Compress your JSON.
  • Validate your JSON and help you to fix an error.
  • JSON Converter Online transforms into the following formats:
    • Convert your JSON structure into XML format.
    • Convert and export your JSON to CSV format.
  • Hover over the image URL, and this JSON visualizer will display the image.
  • Once you have created JSON Data, you can download it as a file or save it as a link and Share it.
  • JSON Viewer works well on Windows, MAC, Chrome, and Firefox.
  • JSON Pretty Print / Pretty JSON Tool to Prettify JSON data.

JSON File Viewer

  • It's also an online JSON file viewer. Upload the file and view it online.
  • Step 1: Click on File Button at the top center of this page. It will open the file selection dialog of the operating system.
  • Step 2: Select the JSON file. This tool will show the JSON in the parent node tree.

Big Number / Big Int in JSON Beautifier.

  • Please select the Big Num check box to enable large numbers for JSON beautify to a considerable number. By default, this tool uses the browser's JSON library for beautification.
Know more about JSON.

Example for JSON Cleaner

Play with JSON Data: Insurance Company JSON

{
  "InsuranceCompanies":  {
    "Top Insurance Companies":[
      {
        "No": "1",
        "Name": "Berkshire Hathaway ( BRK.A)",
        "Market Capitalization": "$655 billion"
      }
    ],
  "source": "investopedia.com",
  "Time":"May 2021"
  }
}                                             

Pro Tips:

External URL

Load External JSON URL in Browser URL like this https://codebeautify.org/jsonviewer?url=external-url

https://codebeautify.org/jsonviewer?url=https://gist.githubusercontent.com/cbmgit/852c2702d4342e7811c95f8ffc2f017f/raw/InsuranceCompanies.json
Data as Parameter

Load JSON Data in Browser URL input like this https://codebeautify.org/jsonviewer?input=inputdata

https://codebeautify.org/jsonviewer?input={"InsuranceCompanies":{"InsuranceCompany":[{"No":"1","Name":"BerkshireHathaway (BRK.A)","MarketCapitalization":"$507.04billion"}]}}