[examples] Added UI guidance to append data arrays example

Adityashandilya555 · Adityashandilya555 · commit f389e1541542 · 2026-01-23T23:12:32.000+05:30
Added an info banner to the netjsonmap-appendData2.html example explaining that it demonstrates loading multiple JSON data files at once using an array, and that all three data files are loaded and combined automatically when the map initializes. Related to #492
diff --git a/public/example_templates/netjsonmap-appendData2.html b/public/example_templates/netjsonmap-appendData2.html
@@ -15,6 +15,25 @@
     <link href="../lib/css/netjsongraph.css" rel="stylesheet" />
   </head>
   <body>
+    <div id="info-banner" style="
+      position: fixed;
+      top: 10px;
+      left: 50%;
+      transform: translateX(-50%);
+      background: rgba(52, 73, 94, 0.95);
+      color: white;
+      padding: 12px 20px;
+      border-radius: 8px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 14px;
+      z-index: 1000;
+      max-width: 90%;
+      text-align: center;
+      box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+    ">
+      <strong>Append Data Using Arrays:</strong> This example demonstrates loading multiple JSON data files at once using an array.
+      <br><em>All three data files are loaded and combined automatically when the map initializes.</em>
+    </div>
     <script type="text/javascript">
       /*
           Using array files to append data step by step at start. 
