donnees_20260325_142508

49,00 

Visualiser les données de l’impact K-Pg (Chicxulub) et simuler des scénarios d’impact.

UGS : donnees_20260325_142508 Catégorie :

📋 Fiche Descriptive : Template « Asteroid Impact Simulator »

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template asteroid-impact-simulator.html

Version 1.0.0

Date de création 25/03/2026

Auteur / Designer Refoia Jeremy Tech

Type de page Landing Page Scientifique / Dashboard de Simulation

Objectif principal Visualiser les données de l’impact K-Pg (Chicxulub) et simuler des scénarios d’impact.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template transforme un script de calcul physique en une interface interactive. Il permet de visualiser l’énergie colossale d’un impacteur (en Gigatonnes de TNT) et d’estimer les dimensions du cratère résultant. L’interface utilise des codes couleurs (alertes rouges/oranges) pour signifier la sévérité des conséquences environnementales.

📌 Public cible (Persona)

👤 Étudiants & Enseignants : Support visuel pour des cours de géologie ou de physique.

👤 Passionnés d’Astronomie : Outil de vulgarisation scientifique.

👤 Chercheurs : Interface rapide pour tester des ordres de grandeur.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 Sémantique.

Framework CSS : Tailwind CSS (pour la réactivité et les graphiques de données).

Framework JS : Vanilla JS (pour la logique de calcul math.js) ou Alpine.js pour la réactivité légère.

Responsive : ✅ Oui — Optimisé pour la lecture de données sur mobile.

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 diametre_km float ✅ Oui Diamètre de l’astéroïde (ex: 10.0).

2 vitesse_km_s float ✅ Oui Vitesse d’impact (ex: 20.0).

3 energie_gt_tnt float ✅ Oui Résultat du calcul d’énergie cinétique.

4 status_alerte str ✅ Oui Message de conséquence (Extinction / Dégâts).

🧱 STRUCTURE DU FICHIER — DOM

index.html

: Titre « Impact Simulator » + Sélecteur d’unités (km/miles).
:
Section Formulaire : Inputs pour le diamètre, la densité et la vitesse.

Section Résultats (Hero) : Affichage de l’énergie en mode « Compteur » (Gigatonnes).

Section Visualisation : Canvas pour dessiner le cratère proportionnellement à la zone d’impact.

Section Alertes : Bannières dynamiques basées sur les seuils critiques (10^6 Gt).

: Sources scientifiques (Lois de Schmidt-Holsapple) & Copyright.🎨 CHARTE GRAPHIQUE

🎨 Palette de Couleurs

CSS

:root {

–color-space-deep: #0F172A; /* Fond sombre (Espace) */

–color-impact-red: #EF4444; /* Alertes extinction */

–color-energy-gold: #F59E0B; /* Énergie libérée */

–color-data-text: #E2E8F0; /* Texte clair lisible */

}

🧪 TESTS & VALIDATION

# Cas de test Action Résultat attendu

1 Calcul Précis Entrer 10km / 20km/s Énergie ~ 1.00e+08 Gt TNT

2 Seuil Alerte Entrer diam < 1km Message « Dégâts régionaux » 3 Graphique Modifier diamètre Le cercle du cratère se redimensionne en JS 📝 EXEMPLE D’INTÉGRATION (JS Logic) JavaScript // Traduction du script Python en JS pour le template const calculateImpact = (d, v) => {

const masse = (4/3) * Math.PI * Math.pow((d*1000)/2, 3) * 3000;

const joules = 0.5 * masse * Math.pow(v*1000, 2);

return joules / 4.184e18; // Retourne Gt TNT

};

Avis

Il n’y a pas encore d’avis.

Soyez le premier à laisser votre avis sur “donnees_20260325_142508”

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *