Skip to content

chore: updating world map workshop prototype #1136

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jdwilkin4 merged 11 commits into from
Mar 30, 2026
Merged

chore: updating world map workshop prototype #1136

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
cfe098b
tooltip fixed. added population data for 2025 from the same source (w…
danielfreire-dev Jan 23, 2026
1eeb7ce
changed .js file name, css file name, uses cdn version of d3(cloudfla…
danielfreire-dev Jan 26, 2026
0cb5861
removed .vscode/
danielfreire-dev Jan 27, 2026
933daf6
updated .css file name. fetching data from cdn now. moved course 'fro…
danielfreire-dev Feb 7, 2026
36028f1
updated .css file name. fetching data from cdn now. moved course 'fro…
danielfreire-dev Feb 7, 2026
686160e
refactor: move old folder
jdwilkin4 Mar 5, 2026
3a00d4b
fix: restoring old files
jdwilkin4 Mar 5, 2026
995bd1d
updated links for fCC's CDN
danielfreire-dev Mar 15, 2026
ec295a5
cleanup
danielfreire-dev Mar 22, 2026
924fc68
cleanup2
danielfreire-dev Mar 22, 2026
0a382af
fix: responsive issues for mobile
jdwilkin4 Mar 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Comment thread
jdwilkin4 marked this conversation as resolved.
Outdated
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
2 changes: 2 additions & 0 deletions front-end-libraries/learn-intermediate-d3-by-building-a-map-of-earth/d3.v7.min.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 0 additions & 2 deletions front-end-libraries/learn-intermediate-d3-by-building-a-map-of-earth/d3v5min.js
View file
Open in desktop

This file was deleted.

63 changes: 36 additions & 27 deletions front-end-libraries/learn-intermediate-d3-by-building-a-map-of-earth/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,42 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>World Population</title>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<title>World Population</title>

<!-- Style sheet -->
<link rel="stylesheet" type="text/css" href="./index.css" />
</head>
<body>
<!-- D3 v5 script -->
<!-- <script src="https://d3js.org/d3.v5.min.js"></script> -->
<script type="text/javascript" src="./d3v5min.js"></script>
<!-- Style sheet -->
<link rel="stylesheet" type="text/css" href="./index.css" />
</head>
<body>
<!-- D3 v5 script -->
<!-- <script src="https://d3js.org/d3.v5.min.js"></script> -->
<!--<script type="text/javascript" src="./d3v5min.js"></script> -->

<!-- D3 topoJSON script -->
<!-- <script src="https://d3js.org/topojson.v1.min.js"></script> -->
<script type="text/javascript" src="./topojsonv1min.js"></script>
<!-- D3 v7 script -->
<!-- <script src="https://cdn.jsdelivr.net/npm/d3@7"></script> -->
<script type="text/javascript" src="./d3.v7.min.js"></script>

<h1>D3 Map of World Population</h1>
<div id="map"></div>
<div id="tooltip"></div>
<footer>
Sources:<br />
Map made with Natural Earth<br />
World population data as of 2017: https://databank.worldbank.org
</footer>
<!-- D3 topoJSON script -->
<!-- <script src="https://d3js.org/topojson.v1.min.js">
</script>
-->
<script type="text/javascript" src="./topojsonv1min.js"></script>

<!-- Script with D3 code -->
<script type="text/javascript" src="./index.js"></script>
</body>
<h1>D3 Map of World Population</h1>
<div id="map"></div>
<div id="tooltip"></div>
<footer>
Sources:<br />
Map made with Natural Earth<br />
World population data as of 2025: https://databank.worldbank.org
</footer>

<!-- Script with D3 code -->
<script type="text/javascript" src="./index.js"></script>
</body>
</html>
Loading