Визуализация данных (Data Visualization)

Обзор проекта

Этот проект представляет собой веб-приложение для визуализации трехмерных научных данных с использованием ортогональных проекций. Приложение позволяет исследовать маркерные данные и температурные поля в интерактивном режиме.

Основные возможности

• 2D визуализация маркеров - отображение срезов трехмерных маркерных данных с цветовой кодировкой
• Термовизуализация - отображение температурных полей с возможностью настройки параметров
• Интерактивные элементы управления - выбор срезов, осей проекции и масштаба
• Графики температурных циклов - анализ температурных изменений в выбранных точках

Технологии

Проект разработан с использованием современного стека технологий:

• React - библиотека для создания пользовательского интерфейса
• TypeScript - типизированный JavaScript для надежного кода
• Vite - быстрый инструмент сборки для современных веб-приложений
• Canvas API - для эффективной отрисовки визуализаций
• Tailwind CSS - для стилизации компонентов
• react-chartjs-2 - для построения графиков

Структура данных

Приложение работает с двумя основными типами данных:

1. Маркерные данные (Mar.txt) - трехмерный массив целочисленных значений, представляющих различные материалы или области
2. Температурные данные (Tem.txt) - трехмерный массив значений с плавающей точкой, представляющих температуру в каждой точке пространства

Начало работы

Установка зависимостей

npm install

или

pnpm install

Запуск в режиме разработки

npm run dev

Сборка для продакшена

npm run build

Использование

1. После запуска приложения вы увидите две основные секции визуализации
2. В верхней секции отображаются маркеры материалов
3. В нижней секции представлена термовизуализация с интерактивными элементами управления
4. Используйте панель управления для выбора среза, оси проекции и настройки параметров отображения
5. Кликните на интересующую область для просмотра графика температурного цикла