Générateur d'infographie CSS

16:9, l'IA choisit un sujet époustouflant : /* SYSTÈME : MOTEUR DE RENDU INFOGRAPHIQUE WEB-UI */ /* SUJET_CIBLE : "[SUJET]" */ .treemap-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 0px; /* Disposition affleurante */ border: 3px solid black; } .data-card { border: 2px solid black; padding: 20px; box-shadow: none; /* STRICTEMENT PLAT */ } /* MOTEUR D'INFÉRENCE IA : Remplir la grille */ .data-card-1 { grid-column: span 2; grid-row: span 2; background-color: <color hex="FF6B6B"/>; /* Corail */ content: "AI_INFER(Texte géant à 40% + illustration plate massive du plus grand secteur de [SUJET])" ; } .data-card-2 { background-color: <color hex="4ECDC4"/>; /* Bleu */ content: "AI_INFER(Texte moyen à 20% + illustration plate)" ; } /* EXÉCUTION DU RENDU : Rendre visuellement cette grille CSS comme une affiche infographique finie. Remplissez le reste de la grille avec des boîtes plus petites, de couleurs différentes, contenant des données et des cliparts inférés par l'IA pour [SUJET]. Maintenez des lignes droites rigides, des couleurs plates et des polices serif grasses.