d3-visualizations/index.html at main · amanssur-tech/d3-visualizations · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Modern data visualization dashboard built with React, D3.js, Tailwind CSS, TypeScript, and Vite."
    />
    <meta name="theme-color" content="#0f172a" />
    <meta name="color-scheme" content="light dark" />
    <meta name="author" content="Amanullah Manssur" />
    <meta name="application-name" content="D3 Visualizations Dashboard" />

    <!-- Open Graph -->
    <meta property="og:title" content="Amanullah – Data Visualization Suite" />
    <meta
      property="og:description"
      content="Interactive D3 visualizations, dashboards, and data stories built by Amanullah Manssur."
    />
    <meta property="og:image" content="/og-banner.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://viz.amanssur.com" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Amanullah – Data Visualization Suite" />
    <meta
      name="twitter:description"
      content="Interactive D3 visualizations, dashboards, and data stories built by Amanullah Manssur."
    />
    <meta name="twitter:image" content="/og-banner.jpg" />

    <!-- Same-As / Identity Links -->
    <link rel="me" href="https://viz.amanssur.com" />
    <link rel="me" href="https://amanssur.com" />
    <link rel="me" href="https://manssurmedia.com" />
    <link rel="me" href="https://x.com/manssurmedia" />
    <link rel="me" href="https://linkedin.com/in/amanssur" />
    <link rel="me" href="https://github.com/amanssur-tech" />
    <link rel="me" href="https://medium.com/@amanssur" />

    <!-- JSON-LD Identity -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Amanullah Manssur",
        "url": "https://viz.amanssur.com",
        "sameAs": [
          "https://viz.amanssur.com",
          "https://amanssur.com",
          "https://manssurmedia.com",
          "https://x.com/manssurmedia",
          "https://linkedin.com/in/amanssur",
          "https://github.com/amanssur-tech",
          "https://medium.com/@amanssur"
        ]
      }
    </script>

    <!-- JSON-LD Website -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Amanullah – Data Visualization Suite",
        "url": "https://viz.amanssur.com",
        "publisher": {
          "@type": "Person",
          "name": "Amanullah Manssur",
          "url": "https://viz.amanssur.com"
        },
        "potentialAction": {
          "@type": "SearchAction",
          "target": "https://viz.amanssur.com/?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }
      }
    </script>

    <!-- JSON-LD Breadcrumbs -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://viz.amanssur.com"
          }
        ]
      }
    </script>

    <!-- JSON-LD GitHub Profile -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "ProfilePage",
        "name": "Amanullah Manssur GitHub",
        "url": "https://github.com/amanssur-tech",
        "mainEntity": {
          "@type": "Person",
          "name": "Amanullah Manssur",
          "sameAs": [
            "https://github.com/amanssur-tech",
            "https://viz.amanssur.com",
            "https://amanssur.com",
            "https://manssurmedia.com",
            "https://x.com/manssurmedia",
            "https://linkedin.com/in/amanssur",
            "https://medium.com/@amanssur"
          ]
        }
      }
    </script>

    <!-- SEO -->
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://viz.amanssur.com/" />
    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />

    <!-- Icons -->
    <link rel="icon" type="image/svg+xml" href="/favicons/AM-Logo.svg" />
    <link rel="icon" type="image/png" sizes="512x512" href="/favicons/AM-Logo-512.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicons/AM-Logo-192.png" />
    <link rel="icon" type="image/png" sizes="180x180" href="/favicons/AM-Logo-180.png" />
    <link rel="icon" type="image/x-icon" href="/favicons/AM-Logo.ico" />
    <link rel="apple-touch-icon" href="/favicons/AM-Logo-180.png" />
    <link rel="manifest" href="/manifest.webmanifest" />

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
      rel="stylesheet"
    />

    <title>D3 Visualizations Dashboard | Amanullah Manssur</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>