Nano and Advanced Materials Institute (Nami)

The website, nami.apexcharts-canvas, is designed for the Nano and Advanced Materials Institute. It utilizes the popular JavaScript charting library, ApexCharts, to display dynamic charts and graphs on its platform. The site aims to provide users with an interactive and informative visual representation of data and insights.

Through the use of Google Tag Manager (GTM), the site ensures efficient tracking and measurement of user interactions, enabling effective data analysis and optimization. By implementing GTM, the website can dynamically load necessary scripts and trackers without interfering with page loading speeds.

To improve user experience, the website includes CSS properties such as position: relative for the chart container, which allows positioning and manipulation of elements within it. Additionally, the user-select: none property is applied to prevent text selection or dragging, ensuring the smooth functionality of the charts.

It’s notable that while overflow: hidden is not explicitly set due to the potential cropping issues, other measures are taken to ensure the tooltips within the chart are displayed correctly. This may include custom calculations or workarounds within the charting library itself.

Overall, nami.apexcharts-canvas serves as a powerful tool for displaying complex data in an engaging and intuitive manner, providing valuable insights for researchers, educators, and professionals in various fields related to nanotechnology and advanced materials.