Skip to content

In this project, I will describe U.S. educational attainment through the creation of an interactive map. I will use tools such as D3.js and JavaScript to effectively visualize the geographic distribution of educational attainment in different regions of the country, providing an informative and accessible experience. 🗺️📚

Notifications You must be signed in to change notification settings

miusarname/Logros-Educativos-EEUU

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo

https://logros-educativos-eeuu-proyecto-fcc.netlify.app/

Made By

English:


Project: Choropleth

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.

Files

JavaScript Code (D3.js)

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.

Data Files

  • 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.

Styles (CSS)

The style.css file contains styles for the formatting and presentation of the web page displaying the map visualization.

HTML Page

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.

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.

Japanese:


プロジェクト:コロプレス

このプロジェクトは、D3.jsを使用してアメリカ合衆国の教育データをコロプレスマップで視覚化します。2010年から2014年の期間における、25歳以上の成人のうち学士号以上を持つ割合を、各郡ごとに表示します。

ファイル

JavaScriptコード(D3.js)

JavaScriptコード(D3.js)は、地理空間データと教育データを読み込み、地図の視覚化を生成する責任を負います。データ操作とSVG要素の作成には、D3.js v7.xとTopoJSON v3.xが使用されています。

データファイル

  • 教育: 教育データは、アメリカ合衆国の各郡における学士号以上の成人の割合に関する情報を含むJSONファイルから取得されます。
  • : アメリカ合衆国の郡の地理データは、各郡の地理的形状を含むJSONファイルから取得されます。

スタイル(CSS)

style.cssファイルには、地図の視覚化を表示するWebページのフォーマットとプレゼンテーションのスタイルが含まれています。

HTMLページ

index.htmlファイルには、地図の視覚化をホストするWebページのHTML構造が含まれています。タイトル、プロジェクトの説明、D3.jsによって動的に生成されたSVG地図、およびデータソースへの参照が含まれています。

データソース

この視覚化に使用されるデータは、アメリカ合衆国農務省(USDA)の経済研究局から取得されます。


このプロジェクトは、FreeCodeCampのテストの一環として開発されました。この視覚化は、アメリカ合衆国の教育水準をグラフィカルに表現し、ユーザーのニーズに応じてカスタマイズおよび拡張することができます。

Chinese:


项目:等值地图

该项目利用D3.js在等值地图上可视化了美国的教育数据。它显示了2010年至2014年间每个县25岁以上成年人拥有学士学位或更高学位的百分比。

文件

JavaScript 代码(D3.js)

JavaScript 代码(D3.js)负责加载地理空间和教育数据,并生成地图可视化。它使用D3.js v7.x和TopoJSON v3.x进行数据操作和SVG元素创建。

数据文件

  • 教育:教育数据来自一个JSON文件,其中包含美国每个县25岁以上成年人拥有学士学位或更高学位的百分比的信息。
  • :美国县的地理空间数据来自一个JSON文件,其中包含县的地理形状。

样式(CSS)

style.css 文件包含了用于地图可视化页面的格式和展示的样式。

HTML 页面

index.html 文件包含了托管地图可视化的网页的HTML结构。它包括一个标题,一个项目描述,由D3.js动态生成的SVG地图,以及一个数据源的引用。

数据源

本可视化使用的数据来自美国农业部经济研究局(USDA)。


该项目是作为FreeCodeCamp的一项测试开发的。该可视化提供了美国教育水平的图形表示,并可以根据用户的需求进行定制和扩展。

About

In this project, I will describe U.S. educational attainment through the creation of an interactive map. I will use tools such as D3.js and JavaScript to effectively visualize the geographic distribution of educational attainment in different regions of the country, providing an informative and accessible experience. 🗺️📚

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published