René's URL Explorer Experiment


Title: webmapping/Chapter11 at master · Gustacro/webmapping · GitHub

Open Graph Title: webmapping/Chapter11 at master · Gustacro/webmapping

X Title: webmapping/Chapter11 at master · Gustacro/webmapping

Description: Workbook about making maps and visualizations for the web. - webmapping/Chapter11 at master · Gustacro/webmapping

Open Graph Description: Workbook about making maps and visualizations for the web. - Gustacro/webmapping

X Description: Workbook about making maps and visualizations for the web. - Gustacro/webmapping

Mail addresses
reroth@wisc.edu

Opengraph URL: https://github.com/Gustacro/webmapping/tree/master/Chapter11

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository/tree/*name(/*path)
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:f3801478-d27b-f665-99a2-b996f88cad69
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idA8C0:241082:2068628:2B976B5:6A652D6A
html-safe-noncee0e5bd6f66a71f05e086c524e2420d01b7ff16534dd48917a9ca15d9583b60c8
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBOEMwOjI0MTA4MjoyMDY4NjI4OjJCOTc2QjU6NkE2NTJENkEiLCJ2aXNpdG9yX2lkIjoiMTU0MzUyNTE4MTExNzc3MTExNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmacf5c182b56aa2e31a335ea3ccd2c0587ec1bada940414ce079a5cb074c9ab9ce2
hovercard-subject-tagrepository:315078959
github-keyboard-shortcutsrepository,source-code,file-tree,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///files/disambiguate
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/Gustacro/webmapping/tree/master/Chapter11
twitter:imagehttps://opengraph.githubassets.com/d877aabc92dbfb2e4bdd3e0c00b69464110328c6716d73cde0c0338eca216e6a/Gustacro/webmapping
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/d877aabc92dbfb2e4bdd3e0c00b69464110328c6716d73cde0c0338eca216e6a/Gustacro/webmapping
og:image:altWorkbook about making maps and visualizations for the web. - Gustacro/webmapping
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None52c76df668885aaff23b50bdca1fa1ea44ac9c1553e888ebc70ff1e4daa4625b
turbo-cache-controlno-cache
go-importgithub.com/Gustacro/webmapping git https://github.com/Gustacro/webmapping.git
octolytics-dimension-user_id28932202
octolytics-dimension-user_loginGustacro
octolytics-dimension-repository_id315078959
octolytics-dimension-repository_nwoGustacro/webmapping
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forktrue
octolytics-dimension-repository_parent_id288738217
octolytics-dimension-repository_parent_nwouwcartlab/webmapping
octolytics-dimension-repository_network_root_id288738217
octolytics-dimension-repository_network_root_nwouwcartlab/webmapping
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release309153364422b3c499922d1a2a6404910a58ed8e
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/Gustacro/webmapping/blob/master/Chapter11#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FGustacro%2Fwebmapping%2Ftree%2Fmaster%2FChapter11
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FGustacro%2Fwebmapping%2Ftree%2Fmaster%2FChapter11
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Ffiles%2Fdisambiguate&source=header-repo&source_repo=Gustacro%2Fwebmapping
Reloadhttps://github.com/Gustacro/webmapping/blob/master/Chapter11
Reloadhttps://github.com/Gustacro/webmapping/blob/master/Chapter11
Reloadhttps://github.com/Gustacro/webmapping/blob/master/Chapter11
Gustacro https://github.com/Gustacro
webmappinghttps://github.com/Gustacro/webmapping
uwcartlab/webmappinghttps://github.com/uwcartlab/webmapping
Notifications https://github.com/login?return_to=%2FGustacro%2Fwebmapping
Fork 1 https://github.com/login?return_to=%2FGustacro%2Fwebmapping
Star 1 https://github.com/login?return_to=%2FGustacro%2Fwebmapping
Code https://github.com/Gustacro/webmapping
Pull requests 0 https://github.com/Gustacro/webmapping/pulls
Actions https://github.com/Gustacro/webmapping/actions
Projects https://github.com/Gustacro/webmapping/projects
Security and quality 0 https://github.com/Gustacro/webmapping/security
Insights https://github.com/Gustacro/webmapping/pulse
Code https://github.com/Gustacro/webmapping
Pull requests https://github.com/Gustacro/webmapping/pulls
Actions https://github.com/Gustacro/webmapping/actions
Projects https://github.com/Gustacro/webmapping/projects
Security and quality https://github.com/Gustacro/webmapping/security
Insights https://github.com/Gustacro/webmapping/pulse
https://github.com/Gustacro/webmapping
webmappinghttps://github.com/Gustacro/webmapping/tree/master
Historyhttps://github.com/Gustacro/webmapping/commits/master/Chapter11
https://github.com/Gustacro/webmapping/commits/master/Chapter11
webmappinghttps://github.com/Gustacro/webmapping/tree/master
..https://github.com/Gustacro/webmapping/tree/master
imghttps://github.com/Gustacro/webmapping/tree/master/Chapter11/img
imghttps://github.com/Gustacro/webmapping/tree/master/Chapter11/img
Chapter11Solutions.ziphttps://github.com/Gustacro/webmapping/blob/master/Chapter11/Chapter11Solutions.zip
Chapter11Solutions.ziphttps://github.com/Gustacro/webmapping/blob/master/Chapter11/Chapter11Solutions.zip
readme.mdhttps://github.com/Gustacro/webmapping/blob/master/Chapter11/readme.md
readme.mdhttps://github.com/Gustacro/webmapping/blob/master/Chapter11/readme.md
readme.mdhttps://github.com/Gustacro/webmapping/blob/master/Chapter11#readme
Return Homehttps://github.com/Gustacro/webmapping
Previous Chapterhttps://github.com/Gustacro/webmapping/blob/master/Chapter10
Next Chapterhttps://github.com/Gustacro/webmapping/blob/master/Chapter12
https://github.com/Gustacro/webmapping/blob/master/Chapter11#return-home--previous-chapter--next-chapter
https://github.com/Gustacro/webmapping/blob/master/Chapter11#chapter-11-coordinated-visualizations
https://github.com/Gustacro/webmapping/blob/master/Chapter11#i-joining-your-data
Promise.all()https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.1.1.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-11-data-from-a-csvdata-array-object-left-window-and-the-corresponding-franceregions-geojson-object-right-window-prior-to-joining-the-data-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-11-joining-csv-data-to-geojson-enumeration-units-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.1.2.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-12-data-from-a-csvdata-array-object-left-window-and-the-corresponding-franceregions-geojson-object-right-window-after-joining-the-data-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#join-your-csv-data-to-your-geojson-features-check-the-results-of-your-data-join-script-against-the-geojson-data-structure-on-the-right-side-of-figure-12-if-your-script-does-not-produce-similar-results-use-example-11-to-determine-where-the-problem-may-lie
https://github.com/Gustacro/webmapping/blob/master/Chapter11#ii-advanced-javascript-from-global-to-local
scopehttps://en.wikipedia.org/wiki/Scope_(computer_science)
This W3C wiki pagehttp://www.w3.org/wiki/JavaScript_best_practices#Avoid_globals
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-12-defining-attrarray-and-expressed-as-pseudo-global-variables-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-13-subdividing-the-callback-script-into-multiple-functions-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#move-your-attribute-array-and-expressed-variables-to-the-top-of-mainjs-encapsulate-your-script-within-a-self-executing-anonymous-wrapper-function-and-group-tasks-within-the-callback-into-their-own-defined-functions
https://github.com/Gustacro/webmapping/blob/master/Chapter11#iii-creating-a-color-scale
Statistical Mappinghttps://gistbok.ucgis.org/bok-topics/statistical-mapping-enumeration-normalization-classification
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-14-creating-the-quantile-color-scale-generator-in-mainjs
d3.scaleQuantile()https://github.com/d3/d3-scale/blob/master/README.md#quantile-scales
ColorBrewerhttp://colorbrewer2.org/
ColorBrewer.jshttps://github.com/axismaps/colorbrewer/
d3-scale-chromatichttps://github.com/d3/d3-scale-chromatic
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-15-creating-an-equal-interval-color-scale-generator-in-mainjs
threshold scalehttps://github.com/d3/d3-scale/blob/master/README.md#threshold-scales
Simple Statisticshttp://simplestatistics.org/
Cartesian k-meanshttp://www.cs.toronto.edu/~norouzi/research/papers/ckmeans.pdf
Natural Breaks choropleth examplehttp://bl.ocks.org/tmcw/4969184
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-16-creating-a-natural-breaks-color-scale-generator-in-mainjs
ckmeans()http://simplestatistics.org/docs/#ckmeans
.map()https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
.shift()http://www.w3schools.com/jsref/jsref_shift.asp
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.1.3.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-13-difference-between-quantile-and-equal-interval-classification-of-the-vara-attribute
https://github.com/Gustacro/webmapping/blob/master/Chapter11#choose-a-choropleth-classification-scheme-based-on-your-dataset-and-create-a-color-scale-generator-that-implements-that-scheme-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#iv-coloring-the-enumeration-units
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-17-coloring-enumeration-units-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.1.4.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-14-colored-enumeration-units
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-18-checking-for-values-when-setting-fill-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-19-adding-a-border-to-enumeration-units-in-stylecss
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.1.5.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-15-the-choropleth-map-with-enumeration-unit-borders
https://github.com/Gustacro/webmapping/blob/master/Chapter11#apply-your-color-scale-generator-to-your-enumeration-units-make-sure-your-script-assigns-a-neutral-color-to-any-units-with-no-value-for-the-expressed-attribute
https://github.com/Gustacro/webmapping/blob/master/Chapter11#lesson-2-drawing-a-coordinated-visualization
https://github.com/Gustacro/webmapping/blob/master/Chapter11#i-responsively-framing-a-data-visualization
D3 Examples Galleryhttps://github.com/mbostock/d3/wiki/Gallery
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-21-creating-the-bar-chart-container-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.1.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-21-the-bar-chart-container-viewed-with-the-inspector
Mobile Maps & Responsive Designhttps://gistbok.ucgis.org/bok-topics/mobile-maps-and-responsive-design
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-22-setting-responsive-map-and-chart-widths-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-23-adding-a-map-frame-margin-and-chart-frame-styles-in-stylecss
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.2.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-22-even-responsive-map-and-chart-frames
https://github.com/Gustacro/webmapping/blob/master/Chapter11#add-an-svg-container-for-your-data-visualization-and-adjust-your-map-container-size-so-that-both-fit-neatly-on-the-web-page-for-a-wide-range-of-browser-window-sizes
https://github.com/Gustacro/webmapping/blob/master/Chapter11#ii-adding-bars
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/rect
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-24-creating-bars-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.3.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-23-evenly-spaced-bars-in-the-bar-chart-frame
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-25-setting-the-bar-heights-with-a-linear-scale-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-26-applying-the-color-scale-at-the-end-of-the-bars-block-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.4.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-24-bar-chart-with-vertical-scale-and-choropleth-classification-applied
.sort()https://github.com/d3/d3-selection/blob/master/README.md#selection_sort
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-27-sorting-attribute-values-to-reorder-the-bars-in-mainjs
array sort methodhttp://www.w3schools.com/jsref/jsref_sort.asp
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.5.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-25-a-neatly-arranged-and-classed-bar-chart
https://github.com/Gustacro/webmapping/blob/master/Chapter11#iii-chart-annotation
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-28-adding-text-to-the-bars-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-29-styling-attribute-value-annotation-in-stylecss
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.6.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-26-bar-chart-with-numerical-attribute-value-annotation
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-210-adding-a-dynamic-chart-title-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-211-chart-title-styles-in-stylecss
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.7.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-27-bar-chart-with-dynamic-title
https://github.com/Gustacro/webmapping/blob/master/Chapter11#iv-chart-axis
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.8.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-28-bar-chart-with-an-axis
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-28-building-a-bar-chart-with-an-axis-in-mainjs
https://github.com/Gustacro/webmapping/blob/master/Chapter11#example-213-styles-for-bar-chart-with-axis-in-stylecss
https://github.com/Gustacro/webmapping/blob/master/Chapter11/img/figure9.2.9.png
https://github.com/Gustacro/webmapping/blob/master/Chapter11#figure-29-comparing-the-two-chart-versions-using-the-inspector
https://github.com/Gustacro/webmapping/blob/master/Chapter11#create-a-bar-chart-or-alternative-data-visualization-that-clearly-expresses-the-attribute-values-shown-on-the-choropleth-map-and-is-classed-using-your-choropleth-classification-scheme
https://github.com/Gustacro/webmapping/blob/master/Chapter11#activity-10
Creative Commons Attribution 4.0 International Licensehttp://creativecommons.org/licenses/by/4.0/
Return Homehttps://github.com/Gustacro/webmapping
Previous Chapterhttps://github.com/Gustacro/webmapping/blob/master/Chapter10
Next Chapterhttps://github.com/Gustacro/webmapping/blob/master/Chapter12
https://github.com/Gustacro/webmapping/blob/master/Chapter11#return-home--previous-chapter--next-chapter-1
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.