René's URL Explorer Experiment

            {
                "@context": "https://schema.org",
                "@type": "BlogPosting",
                "@id": "https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/#article",
                "mainEntityOfPage": {
                    "@type": "WebPage",
                    "@id": "https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/"
                },
                "headline": "Create React Gantt Chart Component with dhtmlxGantt",
                "alternativeHeadline": "How to Create React Gantt Chart Component with dhtmlxGantt",
                "description": "Learn how to build a React Gantt chart component using dhtmlxGantt — step‑by‑step tutorial showing React setup, component wrapper, task data, zoom and change handling.",
                "image": {
                    "@type": "ImageObject",
                    "url": "https://dhtmlx.com/blog/wp-content/uploads/2017/05/react-gantt-chart.png",
                    "width": 1200,
                    "height": 630
                },
                "url": "https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/",
                "dateModified": "2026-01-30T11:50:43+00:00",
                "articleSection": "CodeProject",
                "inLanguage": "en",
                "author": {
                    "@type": "Person",
                    "@id": "https://dhtmlx.com/blog/author/ivan/#person",
                    "name": "Maria",
                    "url": "https://dhtmlx.com/blog/author/ivan/",
                    "image": {
                    "@type": "ImageObject",
                    "url": "https://dhtmlx.com/blog/wp-content/uploads/2020/12/Maria_DHTMLX_Team.png",
                    "width": 400,
                    "height": 400
                    },
                    "description" : "marketing manager at DHTMLX",
                    "jobTitle": "Author",
                    "worksFor": {
                    "@type": "Organization",
                    "name": "DHTMLX"
                    },
"sameAs" : ["http://dhtmlx.com/"]                    
                },
                "publisher": {
                    "@type": "Organization",
                    "name": "DHTMLX",
                    "url": "https://dhtmlx.com/",
                    "logo": {
                    "@type": "ImageObject",
                    "url": "https://dhtmlx.com/images/og-image.png",
                    "width": 250,
                    "height": 60
                    }
                },
                "isPartOf": {
                    "@type": "Blog",
                    "name": "DHTMLX Blog",
                    "url": "https://dhtmlx.com/blog/"
                },
                "potentialAction": {
                    "@type": "ReadAction",
                    "target": [
                    {
                        "@type": "EntryPoint",
                        "urlTemplate": "https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/"
                    }
                    ]
                }
            }
        

        {
            "@context": "http://schema.org",
            "@type": "Organization",
            "name": "DHTMLX",
            "legalName": "JavaScript/HTML5 UI Components Library",
            "url": "https://dhtmlx.com",
            "logo": "https://dhtmlx.com/codebase/img/ie/logo-main.png",
            "sameAs": [
                "https://twitter.com/dhtmlx",
                "https://www.facebook.com/dhtmlx/",
                "https://www.linkedin.com/groups/3345009"
            ]
        }