deltaview/index.html at main · akkaraponph/deltaview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
<!doctype html>
<html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-SSWBBV6GZG"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-SSWBBV6GZG');
    </script>

    <!-- Google AdSense -->
    <meta name="google-adsense-account" content="ca-pub-7962215392688113">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7962215392688113"
         crossorigin="anonymous"></script>

    <!-- Primary Meta Tags -->
    <title>DeltaView - All-in-One Developer Toolkit | JSON Converters, Generators, Editor & Schema Converters</title>
    <meta name="title" content="DeltaView - All-in-One Developer Toolkit | JSON Converters, Generators, Editor & Schema Converters" />
    <meta name="description" content="All-in-one developer toolkit: JSON converters, generators, online editor, and schema converters. Compare JSON with visual diffs, format & validate JSON, visualize data as graphs or tables. Privacy-first, free forever. No sign-up required." />
    <meta name="keywords" content="JSON diff, JSON compare, JSON formatter, JSON validator, JSON comparison tool, JSON visualizer, JSON graph viewer, JSON table viewer, JSON analyzer, data comparison, developer tools, deltaview, json editor, json beautifier, json minifier, json parser, api testing, data analysis, web development tools, JSON tool, JSON utility, JSON checker, JSON validator online, compare JSON files, JSON difference, JSON merge, JSON viewer, JSON editor online, free JSON tools" />
    <meta name="author" content="RefactorRoom" />
    <meta name="language" content="English" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow" />

    <!-- Canonical -->
    <link rel="canonical" href="https://deltaview.refactorroom.com" />

    <!-- Hreflang Tags -->
    <link rel="alternate" hreflang="en" href="https://deltaview.refactorroom.com" />
    <link rel="alternate" hreflang="en-US" href="https://deltaview.refactorroom.com" />
    <link rel="alternate" hreflang="x-default" href="https://deltaview.refactorroom.com" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://deltaview.refactorroom.com" />
    <meta property="og:title" content="DeltaView - All-in-One Developer Toolkit | JSON Converters, Generators, Editor & Schema Converters" />
    <meta property="og:description" content="All-in-one developer toolkit: JSON converters, generators, online editor, and schema converters. Compare JSON with visual diffs, format & validate, visualize as graphs or tables. Privacy-first, free forever." />
    <meta property="og:image" content="https://deltaview.refactorroom.com/og-image.png" />
    <meta property="og:image:secure_url" content="https://deltaview.refactorroom.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="DeltaView JSON Toolkit Interface" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:site_name" content="DeltaView" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:locale:alternate" content="en_GB" />
    <meta property="article:author" content="https://github.com/akkaraponph" />
    <meta property="article:publisher" content="https://deltaview.refactorroom.com" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://deltaview.refactorroom.com" />
    <meta name="twitter:title" content="DeltaView - All-in-One Developer Toolkit | JSON Converters, Generators, Editor & Schema Converters" />
    <meta name="twitter:description" content="All-in-one developer toolkit: JSON converters, generators, online editor, and schema converters. Compare JSON with visual diffs, format & validate, visualize as graphs or tables. Privacy-first." />
    <meta name="twitter:image" content="https://deltaview.refactorroom.com/og-image.png" />
    <meta name="twitter:image:alt" content="DeltaView JSON Toolkit Interface" />
    <meta name="twitter:creator" content="@akkaraponph" />
    <meta name="twitter:site" content="@akkaraponph" />
    <meta name="twitter:domain" content="deltaview.refactorroom.com" />

    <!-- Additional Meta Tags -->
    <meta name="application-name" content="DeltaView" />
    <meta name="theme-color" content="#000000" />
    <meta name="color-scheme" content="dark light" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="DeltaView" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-TileColor" content="#000000" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    <meta name="geo.region" content="US" />
    <meta name="geo.placename" content="United States" />
    <meta name="ICBM" content="39.8283, -98.5795" />

    <!-- Security & Performance -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-Frame-Options" content="DENY" />
    <meta name="referrer" content="strict-origin-when-cross-origin" />
    <meta name="permissions-policy" content="geolocation=(), microphone=(), camera=()" />
    <meta name="rating" content="general" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="7 days" />
    <meta name="expires" content="never" />
    <meta name="coverage" content="worldwide" />
    <meta name="target" content="all" />
    <meta name="audience" content="developers, programmers, software engineers" />

    <!-- Preconnect & DNS Prefetch -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://www.google-analytics.com" />
    <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com" />
    <!-- Preload critical font (Poppins) so CSS @import can use it earlier -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" as="style" />

    <!-- Icons -->
    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
    <link rel="apple-touch-icon" href="/logo.svg" />
    <link rel="manifest" href="/manifest.json" />
    <link rel="alternate" type="application/rss+xml" title="DeltaView Updates" href="/feed.xml" />

    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "DeltaView",
      "alternateName": "DeltaView JSON Toolkit",
      "description": "Professional JSON toolkit for developers. Compare JSON with visual side-by-side diffs, format & validate JSON, visualize data as graphs or tables.",
      "url": "https://deltaview.refactorroom.com",
      "applicationCategory": "DeveloperApplication",
      "applicationSubCategory": "Web Application",
      "operatingSystem": "Web Browser",
      "browserRequirements": "Requires JavaScript. Supports modern browsers.",
      "softwareVersion": "%APP_VERSION%",
      "datePublished": "2024-01-01",
      "dateModified": "2026-02-15",
      "softwareHelp": "https://deltaview.refactorroom.com",
      "downloadUrl": "https://deltaview.refactorroom.com",
      "installUrl": "https://deltaview.refactorroom.com",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock",
        "priceValidUntil": "2027-12-31"
      },
      "featureList": [
        "JSON Diff Comparison",
        "JSON Formatter & Beautifier",
        "JSON Graph Visualization",
        "JSON Table Viewer",
        "Privacy-First Architecture",
        "No Sign-up Required",
        "Offline Support",
        "Real-time Validation",
        "Visual Diff Highlighting",
        "Export Capabilities"
      ],
      "screenshot": "https://deltaview.refactorroom.com/og-image.png",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "ratingCount": "1200",
        "bestRating": "5",
        "worstRating": "1",
        "reviewCount": "850"
      },
      "author": {
        "@type": "Person",
        "name": "Akkaraponph",
        "url": "https://github.com/akkaraponph",
        "sameAs": [
          "https://github.com/akkaraponph",
          "https://twitter.com/akkaraponph"
        ]
      },
      "publisher": {
        "@type": "Organization",
        "name": "RefactorRoom",
        "url": "https://deltaview.refactorroom.com",
        "logo": {
          "@type": "ImageObject",
          "url": "https://deltaview.refactorroom.com/logo.svg"
        }
      },
      "keywords": "JSON diff, JSON compare, JSON formatter, JSON validator, JSON visualizer, developer tools",
      "inLanguage": "en-US",
      "isAccessibleForFree": true,
      "license": "https://deltaview.refactorroom.com"
    }
    </script>

    <!-- Organization Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "RefactorRoom",
      "url": "https://deltaview.refactorroom.com",
      "logo": "https://deltaview.refactorroom.com/logo.svg",
      "description": "DeltaView - AI-Driven JSON Diff Viewer",
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "Support",
        "url": "https://deltaview.refactorroom.com",
        "availableLanguage": "English"
      },
      "sameAs": [
        "https://github.com/akkaraponph/deltaview"
      ]
    }
    </script>

    <!-- FAQ Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is DeltaView?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "DeltaView is a professional JSON toolkit for developers that provides four powerful tools: JSON Diff Comparison for comparing JSON objects with visual side-by-side diffs, JSON Formatter for beautifying and validating JSON, Graph Viewer for visualizing JSON structure as interactive graphs, and Table Viewer for displaying JSON data in organized tables."
          }
        },
        {
          "@type": "Question",
          "name": "Is DeltaView free to use?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, DeltaView is completely free forever. No sign-up required, no credit card needed, and no hidden fees. All features are available without any limitations or paywalls."
          }
        },
        {
          "@type": "Question",
          "name": "Is my data secure?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Absolutely. DeltaView is privacy-first and security-focused."
          }
        },
        {
          "@type": "Question",
          "name": "What are the main features of DeltaView?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "DeltaView offers four main tools: 1) JSON Diff - Compare two JSON objects with visual color-coded differences; 2) JSON Formatter - Format, beautify, validate and minify JSON; 3) Graph Viewer - Visualize JSON structure as interactive node graphs; 4) Table Viewer - Display JSON arrays as sortable, filterable tables."
          }
        },
        {
          "@type": "Question",
          "name": "Do I need to install anything?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "No installation required. DeltaView is a web-based application that runs entirely in your browser. Simply visit the website and start using it immediately. Works on all modern browsers including Chrome, Firefox, Safari, and Edge."
          }
        },
        {
          "@type": "Question",
          "name": "Can I use DeltaView offline?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, after your first visit, DeltaView uses browser caching to enable offline functionality, so you can continue working even without an internet connection."
          }
        },
        {
          "@type": "Question",
          "name": "What browsers does DeltaView support?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "DeltaView works on all modern browsers including Chrome, Firefox, Safari, Edge, and Opera. It requires JavaScript to be enabled."
          }
        },
        {
          "@type": "Question",
          "name": "How do I compare JSON files?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Simply paste or upload your JSON files into the left and right panels, then click the Compare button. DeltaView will highlight all differences with color-coded visual indicators showing additions, deletions, and modifications."
          }
        },
        {
          "@type": "Question",
          "name": "Can I format and validate JSON?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, DeltaView includes a powerful JSON formatter that beautifies your JSON with proper indentation and validates it for syntax errors. It also provides detailed error messages with line numbers."
          }
        },
        {
          "@type": "Question",
          "name": "What is the maximum file size DeltaView can handle?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "DeltaView can handle JSON files up to several megabytes. Performance may vary based on your device's capabilities, but it's optimized to handle most common JSON files efficiently."
          }
        },
        {
          "@type": "Question",
          "name": "Does DeltaView store my data?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "No, DeltaView does not store, upload, or transmit your JSON data to any server. All processing happens locally in your browser for maximum privacy and security."
          }
        }
      ]
    }
    </script>

    <!-- BreadcrumbList Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://deltaview.refactorroom.com"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Compare",
          "item": "https://deltaview.refactorroom.com/diff"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Graph",
          "item": "https://deltaview.refactorroom.com/graph"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Table",
          "item": "https://deltaview.refactorroom.com/table"
        },
        {
          "@type": "ListItem",
          "position": 5,
          "name": "Format",
          "item": "https://deltaview.refactorroom.com/format"
        }
      ]
    }
    </script>

    <!-- SiteNavigationElement Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SiteNavigationElement",
      "name": "Main Navigation",
      "url": "https://deltaview.refactorroom.com",
      "hasPart": [
        {
          "@type": "SiteNavigationElement",
          "name": "JSON Diff",
          "url": "https://deltaview.refactorroom.com/diff",
          "description": "Compare JSON objects with visual diffs"
        },
        {
          "@type": "SiteNavigationElement",
          "name": "JSON Formatter",
          "url": "https://deltaview.refactorroom.com/format",
          "description": "Format, validate, and beautify JSON"
        },
        {
          "@type": "SiteNavigationElement",
          "name": "Graph Viewer",
          "url": "https://deltaview.refactorroom.com/graph",
          "description": "Visualize JSON structure as interactive graphs"
        },
        {
          "@type": "SiteNavigationElement",
          "name": "Table Viewer",
          "url": "https://deltaview.refactorroom.com/table",
          "description": "Display JSON arrays as sortable tables"
        }
      ]
    }
    </script>

    <script type="module" src="/src/frontend.tsx"></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>