Este proyecto consiste en la visualización de un mapa de calor de las temperaturas globales utilizando datos proporcionados por FreeCodeCamp.
- Script Principal:
Modules/D3.js- Contiene el código principal en JavaScript para generar el mapa de calor utilizando D3.js. - Estilos CSS:
style.css- Define los estilos para la visualización del mapa de calor. - Recursos Externos:
- Clona este repositorio en tu máquina local.
- Abre el archivo
index.htmlen tu navegador web para visualizar el mapa de calor. - Explora las temperaturas globales mensuales representadas en el mapa de calor y los tooltips que muestran información detallada al pasar el cursor sobre cada celda.
- Este proyecto utiliza datos proporcionados por FreeCodeCamp sobre las variaciones mensuales de temperatura a lo largo de varios años.
- El mapa de calor se genera dinámicamente utilizando D3.js para la manipulación del DOM y la representación de datos.
Puedes ver una demostración en vivo del proyecto aquí.
¡Disfruta explorando las temperaturas globales a través de este mapa de calor interactivo!
このプロジェクトは、FreeCodeCamp が提供するデータを使用して、グローバルな気温のヒートマップを可視化するものです。
- メインスクリプト:
Modules/D3.js- D3.js を使用してヒートマップを生成するための JavaScript コードが含まれています。 - CSS スタイル:
style.css- ヒートマップの視覚化のためのスタイルを定義します。 - 外部リソース:
- このリポジトリをローカルマシンにクローンします。
- ブラウザで
index.htmlを開いて、ヒートマップを表示します。 - マウスを各セルに移動すると、そのセルに関する詳細情報を表示するツールチップが表示されます。
- このプロジェクトは、FreeCodeCamp が提供する月ごとの気温変動データを使用しています。
- ヒートマップは、D3.js を使用して動的に生成されます。
プロジェクトのライブデモはこちらでご覧いただけます。
このインタラクティブなヒートマップで世界の気温を探索してください！
该项目利用 FreeCodeCamp 提供的数据，对全球温度进行热力图可视化。
- 主要脚本：
Modules/D3.js- 包含使用 D3.js 生成热力图的 JavaScript 代码。 - CSS 样式：
style.css- 定义了热力图的样式。 - 外部资源：
- 在本地克隆此仓库。
- 在浏览器中打开
index.html，查看热力图。 - 将鼠标悬停在单元格上，显示有关该单元格的详细信息的工具提示。
- 该项目使用 FreeCodeCamp 提供的每月温度变化数据。
- 热力图是使用 D3.js 动态生成的。
您可以在这里查看项目的实时演示。
通过这个交互式热力图探索全球温度！
上記の翻訳は機械翻訳を使用していますので、専門用語やニュアンスの一部が正確に反映されていない場合があります。