https://logros-educativos-eeuu-proyecto-fcc.netlify.app/
This project utilizes D3.js to visualize educational data from the United States on a choropleth map. It displays the percentage of adults over 25 with a bachelor's degree or higher in each county, using data from the 2010-2014 period.
The JavaScript code (D3.js
) is responsible for loading geospatial and education data and generating the map visualization. It uses D3.js v7.x and TopoJSON v3.x for data manipulation and SVG element creation.
- Education: Education data is obtained from a JSON file containing information about the percentage of adults with a bachelor's degree or higher in each county in the United States.
- Counties: Geospatial data for United States counties is obtained from a JSON file containing the geographic shapes of the counties.
The style.css
file contains styles for the formatting and presentation of the web page displaying the map visualization.
The index.html
file contains the HTML structure of the web page hosting the map visualization. It includes a title, a project description, the SVG map dynamically generated by D3.js, and a reference to the data source.
The data used in this visualization is obtained from the Economic Research Service of the United States Department of Agriculture (USDA).
This project was developed as part of a test for FreeCodeCamp. The visualization provides a graphical representation of the educational level in the United States and can be customized and extended according to user needs.
このプロジェクトは、D3.jsを使用してアメリカ合衆国の教育データをコロプレスマップで視覚化します。2010年から2014年の期間における、25歳以上の成人のうち学士号以上を持つ割合を、各郡ごとに表示します。
JavaScriptコード(D3.js
)は、地理空間データと教育データを読み込み、地図の視覚化を生成する責任を負います。データ操作とSVG要素の作成には、D3.js v7.xとTopoJSON v3.xが使用されています。
- 教育: 教育データは、アメリカ合衆国の各郡における学士号以上の成人の割合に関する情報を含むJSONファイルから取得されます。
- 郡: アメリカ合衆国の郡の地理データは、各郡の地理的形状を含むJSONファイルから取得されます。
style.css
ファイルには、地図の視覚化を表示するWebページのフォーマットとプレゼンテーションのスタイルが含まれています。
index.html
ファイルには、地図の視覚化をホストするWebページのHTML構造が含まれています。タイトル、プロジェクトの説明、D3.jsによって動的に生成されたSVG地図、およびデータソースへの参照が含まれています。
この視覚化に使用されるデータは、アメリカ合衆国農務省(USDA)の経済研究局から取得されます。
このプロジェクトは、FreeCodeCampのテストの一環として開発されました。この視覚化は、アメリカ合衆国の教育水準をグラフィカルに表現し、ユーザーのニーズに応じてカスタマイズおよび拡張することができます。
该项目利用D3.js在等值地图上可视化了美国的教育数据。它显示了2010年至2014年间每个县25岁以上成年人拥有学士学位或更高学位的百分比。
JavaScript 代码(D3.js
)负责加载地理空间和教育数据,并生成地图可视化。它使用D3.js v7.x和TopoJSON v3.x进行数据操作和SVG元素创建。
- 教育:教育数据来自一个JSON文件,其中包含美国每个县25岁以上成年人拥有学士学位或更高学位的百分比的信息。
- 县:美国县的地理空间数据来自一个JSON文件,其中包含县的地理形状。
style.css
文件包含了用于地图可视化页面的格式和展示的样式。
index.html
文件包含了托管地图可视化的网页的HTML结构。它包括一个标题,一个项目描述,由D3.js动态生成的SVG地图,以及一个数据源的引用。
本可视化使用的数据来自美国农业部经济研究局(USDA)。
该项目是作为FreeCodeCamp的一项测试开发的。该可视化提供了美国教育水平的图形表示,并可以根据用户的需求进行定制和扩展。