Javascript/Maps - Revision history

Admin: Replacing charlesreid1.com:3000 with git.charlesreid1.com

2019-10-09T03:34:05Z

Replacing charlesreid1.com:3000 with git.charlesreid1.com

← Older revision		Revision as of 03:34, 9 October 2019
Line 29:		Line 29:
	* on click, popup with latitude longitude</s>		* on click, popup with latitude longitude</s>

	Final link: https://charlesreid1.com~~:3000~~/d3/maps/src/master/map-mouse		Final link: https://git.charlesreid1.com/d3/maps/src/master/map-mouse

	<s>Active map		<s>Active map
Line 36:		Line 36:
	* on click, popup with shape info</s>		* on click, popup with shape info</s>

	Final link: https://charlesreid1.com~~:3000~~/d3/maps/src/master/map-shapes		Final link: https://git.charlesreid1.com/d3/maps/src/master/map-shapes

	<s>Cards map		<s>Cards map
Line 43:		Line 43:
	* on click, modify another element</s>		* on click, modify another element</s>

	Final link: https://charlesreid1.com~~:3000~~/d3/maps/src/master/map-cards		Final link: https://git.charlesreid1.com/d3/maps/src/master/map-cards

	<s>Hover map		<s>Hover map
Line 51:		Line 51:
	* on click change color</s>		* on click change color</s>

	Final link: https://charlesreid1.com~~:3000~~/d3/maps/src/master/map-hover		Final link: https://git.charlesreid1.com/d3/maps/src/master/map-hover

	===Phase 2: Map and C3===		===Phase 2: Map and C3===
Line 66:		Line 66:
	==Code==		==Code==

	Code for each map is being staged here: https://charlesreid1.com~~:3000~~/d3/maps		Code for each map is being staged here: https://git.charlesreid1.com/d3/maps

	Final deployed maps are checked into charlesreid1.com repo here: https://charlesreid1.com~~:3000~~/charlesreid1/charlesreid1.com		Final deployed maps are checked into charlesreid1.com repo here: https://git.charlesreid1.com/charlesreid1/charlesreid1.com

	Specifically, example map is here: https://charlesreid1.com~~:3000~~/charlesreid1/charlesreid1.com/src/charlesreid1-src/pelican/examplemap		Specifically, example map is here: https://git.charlesreid1.com/charlesreid1/charlesreid1.com/src/charlesreid1-src/pelican/examplemap

	Final version of example map is here: http://charlesreid1.com/examplemap/		Final version of example map is here: http://charlesreid1.com/examplemap/

Admin at 03:32, 26 February 2018

2018-02-26T03:32:54Z

← Older revision		Revision as of 03:32, 26 February 2018
Line 1:		Line 1:
	Planning out some simple map visualizations using Leaflet, build on those.		Planning out some simple map visualizations using Leaflet, build on those.

			Also see [[Census Data]] and [[Tax Migration Data]]

	==Why maps?==		==Why maps?==

Admin: /* Phase 2: Map and C3 */

2018-02-19T11:41:54Z

Phase 2: Map and C3

← Older revision		Revision as of 11:41, 19 February 2018
Line 53:		Line 53:
	===Phase 2: Map and C3===		===Phase 2: Map and C3===

	C3 is good for very simple, no-nonsense line/area/bar/donut charts. C3 is a shut-up-and-be-happy-with-what-you-got sort of setup - near zero customization, everything through the API, no way to connect components. Either you're happy with the C3 chart, or you find a D3 chart that does exactly what you want and have at it because the guts are right there.		[[C3]] is good for very simple, no-nonsense line/area/bar/donut charts. C3 is a shut-up-and-be-happy-with-what-you-got sort of setup - near zero customization, everything through the API, no way to connect components. Either you're happy with the C3 chart, or you find a D3 chart that does exactly what you want and have at it because the guts are right there.

	<s>Simple map and C3 chart:		<s>Simple map and C3 chart:

Admin: /* Lessons */

2018-02-19T01:47:59Z

Lessons

← Older revision		Revision as of 01:47, 19 February 2018
Line 74:		Line 74:
	==Lessons==		==Lessons==

	~~Despite~~ always ~~doing~~ a post-mortem on why D3 and Javascript make life so difficult when building visualizations~~, I have no comprehensive list of strategies about D3, charts, visualizations, Javascript, maps, and all of that~~.		I always try to do a post-mortem on why D3 and Javascript make life so difficult when building visualizations.

	~~This needs to change.~~		Those are here: [[D3]]

	[[D3]]

	==Flags==		==Flags==

Admin: /* Lessons */

2018-02-19T01:27:09Z

Lessons

← Older revision		Revision as of 01:27, 19 February 2018
Line 78:		Line 78:
	This needs to change.		This needs to change.

			[[D3]]

	==Flags==		==Flags==

Admin at 01:27, 19 February 2018

2018-02-19T01:27:01Z

← Older revision		Revision as of 01:27, 19 February 2018
Line 71:		Line 71:

	Final version of example map is here: http://charlesreid1.com/examplemap/		Final version of example map is here: http://charlesreid1.com/examplemap/

			==Lessons==

			Despite always doing a post-mortem on why D3 and Javascript make life so difficult when building visualizations, I have no comprehensive list of strategies about D3, charts, visualizations, Javascript, maps, and all of that.

			This needs to change.



	==Flags==		==Flags==

Admin: /* Phase 1: Map Only */

2018-02-18T22:53:10Z

Phase 1: Map Only

← Older revision		Revision as of 22:53, 18 February 2018
Line 50:		Line 50:

	Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-hover		Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-hover

			===Phase 2: Map and C3===

			C3 is good for very simple, no-nonsense line/area/bar/donut charts. C3 is a shut-up-and-be-happy-with-what-you-got sort of setup - near zero customization, everything through the API, no way to connect components. Either you're happy with the C3 chart, or you find a D3 chart that does exactly what you want and have at it because the guts are right there.

			<s>Simple map and C3 chart:
			* leaflet
			* c3
			* chart data is static
			* only chart title is linked to county maps</s>
			* NOTE: This illustrates how stupidly difficult it is to get C3 to interact with anyone else on the page.

	==Code==		==Code==

Admin: /* Phase 1: Map Only */

2018-02-18T09:36:40Z

Phase 1: Map Only

← Older revision		Revision as of 09:36, 18 February 2018
Line 42:		Line 42:

	Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-cards		Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-cards

			<s>Hover map
			* leaflet
			* geojson data
			* on hover, change color
			* on click change color</s>

			Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-hover

	==Code==		==Code==

Admin: /* Phase 1: Map Only */

2018-02-18T08:26:36Z

Phase 1: Map Only

← Older revision		Revision as of 08:26, 18 February 2018
Line 35:		Line 35:

	Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-shapes		Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-shapes

			<s>Cards map
			* leaflet
			* geojson data
			* on click, modify another element</s>

			Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-cards

	==Code==		==Code==

Admin: /* Phase 1: Map Only */

2018-02-18T06:54:37Z

Phase 1: Map Only

← Older revision		Revision as of 06:54, 18 February 2018
Line 23:		Line 23:

	<s>Simple map		<s>Simple map
	* ~~just~~ leaflet		* leaflet with mapbox tiles
	* tiling with mapbox		* pelican javascript css files workflow
	* javascript ~~files/~~css files workflow		* on click, popup with latitude longitude</s>
	* ~~pelican~~</s>

	Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-mouse		Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-mouse
Line 33:		Line 32:
	* leaflet		* leaflet
	* geojson data		* geojson data
	* ~~mouseover or~~ click, ~~some event~~</s>		* on click, popup with shape info</s>

	Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-shapes		Final link: https://charlesreid1.com:3000/d3/maps/src/master/map-shapes