SeanWong17/Future-Style-Periodic-Table

Что это?

Ключевые возможности

• 01Интерактивная периодическая таблица всех 118 элементов с фильтрацией по категориям и поиском по символу, названию или атомному номеру.
• 02Режим тепловой карты, в котором цвет элементов зависит от таких свойств, как электроотрицательность и температура плавления.
• 03Упрощённая 3D-модель атома в стиле модели Бора: её можно вращать, а в полноэкранном режиме — масштабировать.
• 04Карточки элементов с электронной конфигурацией, изотопами и распространёнными степенями окисления.
• 05Переключение интерфейса между китайским и английским языками и адаптивная вёрстка для компьютеров и мобильных устройств.

Сценарии использования

• Преподавание общей химии и знакомство учащихся с периодической таблицей.
• Наглядное сравнение свойств элементов с помощью тепловых карт.
• Изучение проекта в качестве примера применения CSS 3D transforms и TypeScript с Vite.
• Самостоятельный запуск справочника по периодической таблице с помощью GitHub Pages или Docker.

Быстрый старт

1. 1

   Клонируйте репозиторий

   git clone https://github.com/SeanWong17/Future-Style-Periodic-Table.git
2. 2

   Перейдите в папку проекта

   cd Future-Style-Periodic-Table
3. 3

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

   npm install
4. 4

   Запустите сервер разработки, затем откройте http://localhost:5173/

   npm run dev

Что важно знать

• !3D-модели атомов — это упрощённые визуализации модели Бора для обучения, а не реальные распределения электронных облаков.

В подборках

Темы

Частые вопросы

Что такое Future-Style-Periodic-Table?

Интерактивная периодическая таблица в киберпанк-стиле со всеми 118 элементами, 3D-моделями орбиталей, тепловыми картами и двуязычным интерфейсом; создана на TypeScript и Vite. Future Style Periodic Table — интерактивная периодическая таблица в браузере со всеми 118 химическими элементами, оформленная в тёмном киберпанк-стиле с неоновым выделением категорий и панелями со стеклянным эффектом. Для каждого элемента доступна подробная карточка с атомным номером, атомной массой, электронной конфигурацией, изотопами и распространёнными степенями окисления.

Future-Style-Periodic-Table можно использовать бесплатно? Какая у него лицензия?

Future-Style-Periodic-Table распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

Future-Style-Periodic-Table всё ещё поддерживается?

Активно поддерживается. Последний коммит в Future-Style-Periodic-Table — 29 окт. 2026 г..

Для чего можно использовать Future-Style-Periodic-Table?

Преподавание общей химии и знакомство учащихся с периодической таблицей. Наглядное сравнение свойств элементов с помощью тепловых карт. Изучение проекта в качестве примера применения CSS 3D transforms и TypeScript с Vite. Самостоятельный запуск справочника по периодической таблице с помощью GitHub Pages или Docker.

Как установить Future-Style-Periodic-Table?

Клонируйте репозиторий: git clone https://github.com/SeanWong17/Future-Style-Periodic-Table.git Перейдите в папку проекта: cd Future-Style-Periodic-Table Установите зависимости: npm install Запустите сервер разработки, затем откройте http://localhost:5173/: npm run dev

Где скачать Future-Style-Periodic-Table?

Исходный код и инструкции по установке — на GitHub: https://github.com/SeanWong17/Future-Style-Periodic-Table