diff --git a/components.json b/components.json
index 89e800de..72198299 100644
--- a/components.json
+++ b/components.json
@@ -9,5 +9,9 @@
     "baseColor": "slate",
     "cssVariables": true,
     "prefix": ""
+  },
+  "aliases": {
+    "components": "@/component/UI",
+    "utils": "@/util/utils"
   }
 }
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 437135c8..bcbf6c87 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,97 +1,97 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://www.react-graph-gallery.com</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/2d-density-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/about</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/all</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/animation</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/arc-diagram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/area-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/articles</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/barplot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/boxplot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/bubble-map</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/bubble-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/build-axis-with-react</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/cartogram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/chord-diagram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/choropleth-map</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/circular-barplot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/circular-packing</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/connected-scatter-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/connection-map</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/correlogram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/hover-effect/css-descendant-selector</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/hover-effect/css-pseudo-class</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/hover-effect/internal-state</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/hover-effect/introduction</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/hover-effect/link-two-graphs</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/hover-effect/toggle-class-in-js</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/introduction/initial-setup</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/introduction/introduction-to-d3</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/introduction/introduction-to-react</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/introduction/js-dataviz-libraries</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/responsiveness/code-organization</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/responsiveness/common-pitfalls</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/responsiveness/introduction</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/responsiveness/use-dimension-hook</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/responsiveness/using-the-hook</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/scales/introduction</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/svg/introduction</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/svg/main-svg-elements</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/svg/path-element</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/course/svg/tips-and-tricks</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/cross-graph-highlight-interaction</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/dataset-transition</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/dendrogram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/density-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/donut</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/arc-diagram-vertical</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/barplot-data-transition-animation</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/barplot-stacked-horizontal</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/barplot-stacked-vertical</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/boxplot-horizontal</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/boxplot-jitter</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/circle-packing-with-d3-force</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/histogram-mirror</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/histogram-small-multiple</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/histogram-with-several-groups</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/line-chart-synchronized-cursors</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/network-diagram-with-colored-groups</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/population-pyramid</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/radar-chart-animation</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/scatterplot-basic-canvas</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/scatterplot-tooltip-with-voronoi-for-closest-point-detection</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/example/timeseries-moving-average</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/fix-canvas-blurry-dataviz</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/heatmap</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/hexbin-map</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/hierarchical-edge-bundling</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/histogram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/interactivity</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/line-chart</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/lollipop-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/map</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/network-chart</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/parallel-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/pie-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/radar-chart</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/react-d3-dataviz-course</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/react-dataviz-animation-with-react-spring</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/ridgeline</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/sankey-diagram</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/scatter-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/shape-morphism-for-dataviz-with-react</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/stacked-area-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/stacked-barplot-with-negative-values</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/streamchart</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/subscribe</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/timeseries</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/treemap</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/typescript-d3-axis</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/violin-plot</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/viz-from-the-future</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/voronoi</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/what-is-a-color</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.react-graph-gallery.com/wordcloud</loc><lastmod>2024-08-08T15:15:40.787Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com</loc><lastmod>2024-08-08T15:41:49.277Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/2d-density-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/about</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/all</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/animation</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/arc-diagram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/area-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/articles</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/barplot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/boxplot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/bubble-map</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/bubble-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/build-axis-with-react</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/cartogram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/chord-diagram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/choropleth-map</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/circular-barplot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/circular-packing</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/connected-scatter-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/connection-map</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/correlogram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/hover-effect/css-descendant-selector</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/hover-effect/css-pseudo-class</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/hover-effect/internal-state</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/hover-effect/introduction</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/hover-effect/link-two-graphs</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/hover-effect/toggle-class-in-js</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/introduction/initial-setup</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/introduction/introduction-to-d3</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/introduction/introduction-to-react</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/introduction/js-dataviz-libraries</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/responsiveness/code-organization</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/responsiveness/common-pitfalls</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/responsiveness/introduction</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/responsiveness/use-dimension-hook</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/responsiveness/using-the-hook</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/scales/introduction</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/svg/introduction</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/svg/main-svg-elements</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/svg/path-element</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/course/svg/tips-and-tricks</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/cross-graph-highlight-interaction</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/dataset-transition</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/dendrogram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/density-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/donut</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/arc-diagram-vertical</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/barplot-data-transition-animation</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/barplot-stacked-horizontal</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/barplot-stacked-vertical</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/boxplot-horizontal</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/boxplot-jitter</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/circle-packing-with-d3-force</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/histogram-mirror</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/histogram-small-multiple</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/histogram-with-several-groups</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/line-chart-synchronized-cursors</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/network-diagram-with-colored-groups</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/population-pyramid</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/radar-chart-animation</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/scatterplot-basic-canvas</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/scatterplot-tooltip-with-voronoi-for-closest-point-detection</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/example/timeseries-moving-average</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/fix-canvas-blurry-dataviz</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/heatmap</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/hexbin-map</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/hierarchical-edge-bundling</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/histogram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/interactivity</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/line-chart</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/lollipop-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/map</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/network-chart</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/parallel-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/pie-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/radar-chart</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/react-d3-dataviz-course</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/react-dataviz-animation-with-react-spring</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/ridgeline</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/sankey-diagram</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/scatter-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/shape-morphism-for-dataviz-with-react</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/stacked-area-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/stacked-barplot-with-negative-values</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/streamchart</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/subscribe</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/timeseries</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/treemap</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/typescript-d3-axis</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/violin-plot</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/viz-from-the-future</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/voronoi</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/what-is-a-color</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.react-graph-gallery.com/wordcloud</loc><lastmod>2024-08-08T15:41:49.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
 </urlset>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 163b3016..87bf3bc6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,7 +16,8 @@
     "incremental": true,
     "baseUrl": ".", // to allow absolute import
     "paths": {
-      "@/*": ["./*"]
+      "@/component/*": ["./component/*"],
+      "@/util/*": ["./util/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],