D3/Calendar - Revision history

Admin at 00:10, 16 February 2018

2018-02-16T00:10:34Z

← Older revision		Revision as of 00:10, 16 February 2018
Line 1:		Line 1:
	~~D3 calendar chart~~

	==Notes==		==Notes==

	~~Original~~ example: https://bl.ocks.org/mbostock/4063318		Outline:
			* Start with original example: https://bl.ocks.org/mbostock/4063318
			* How to go about implementing this ourselves?
			* Basically two components:
			* Format for the data
			* Colormap for the calendar

	~~Basically~~, ~~chart does all~~ the hard ~~stuff~~		Lay out these two steps, focusing on these two steps only (ignore rest of code)
			* This script visualizes days of the year
			* Look at the data provided - what format is it in?
			* How are missing values handled - do we need one date for every day of the year? (No)
			* Colormap is simple - hard-coded values
			* Colormap tools - how to use colorbrewer or Python matplotlib to create custom color maps

	~~You just create~~ a ~~list~~ of ~~formatted dates and times~~, ~~and provide it a colormap~~		How the entire visualization is organized:
			* Colormaps
	~~Main challenge was styling~~, ~~getting line colors matched up~~ and ~~looking okay~~, ~~getting colormap figured out~~		* Canvas data are years, linked to shapes
			* Write text for years
	~~Colormap script~~ from ~~Python~~		* Draw a blank tile representing day of the year (use built-in date manipulation to determine which week the date is in, which gives you x, and the day of the week, which gives you y)
			* Draw outlines of months (probably the most complicated part of this visualization)
	~~==Links==~~		* Load the data and create colored tiles from the data

	~~Some useful tools for~~ the ~~colormaps:~~

	~~webcolors: https://github.com/ubernostrum/webcolors/~~

	~~cmocean: https://matplotlib.org/cmocean/~~

	~~yt volume visualization: http://yt-project.org/doc/index.html~~

	~~text color: change fill attribute https://duckduckgo.com/?q=d3+text+color&t=ffab&ia=qa~~

	~~more colormaps: http://schubert.atmos.colostate.edu/~cslocum/custom_cmap.html~~

			==Other==

			Original example: https://bl.ocks.org/mbostock/4063318

	==Flags==		==Flags==

Admin: /* Notes */

2018-02-12T09:45:51Z

Notes

← Older revision		Revision as of 09:45, 12 February 2018
Line 2:		Line 2:

	==Notes==		==Notes==

			Original example: https://bl.ocks.org/mbostock/4063318

	Basically, chart does all the hard stuff		Basically, chart does all the hard stuff
Line 10:		Line 12:

	Colormap script from Python		Colormap script from Python


	==Links==		==Links==

Admin at 09:45, 12 February 2018

2018-02-12T09:45:29Z

← Older revision		Revision as of 09:45, 12 February 2018
Line 1:		Line 1:
	D3 calendar chart		D3 calendar chart

	~~Wrapping this~~ up, ~~but some~~ useful tools for the colormaps:		==Notes==

			Basically, chart does all the hard stuff

			You just create a list of formatted dates and times, and provide it a colormap

			Main challenge was styling, getting line colors matched up and looking okay, getting colormap figured out

			Colormap script from Python


			==Links==

			Some useful tools for the colormaps:

	webcolors: https://github.com/ubernostrum/webcolors/		webcolors: https://github.com/ubernostrum/webcolors/
Line 14:		Line 27:



			==Flags==

	[[Category:2018]]		[[Category:2018]]

Admin at 05:49, 12 February 2018

2018-02-12T05:49:19Z

← Older revision		Revision as of 05:49, 12 February 2018
Line 10:		Line 10:

	text color: change fill attribute https://duckduckgo.com/?q=d3+text+color&t=ffab&ia=qa		text color: change fill attribute https://duckduckgo.com/?q=d3+text+color&t=ffab&ia=qa

			more colormaps: http://schubert.atmos.colostate.edu/~cslocum/custom_cmap.html

Admin at 05:39, 12 February 2018

2018-02-12T05:39:19Z

← Older revision		Revision as of 05:39, 12 February 2018
Line 10:		Line 10:

	text color: change fill attribute https://duckduckgo.com/?q=d3+text+color&t=ffab&ia=qa		text color: change fill attribute https://duckduckgo.com/?q=d3+text+color&t=ffab&ia=qa



			[[Category:2018]]
			[[Category:February 2018]]
			[[Category:D3]]
			[[Category:Javascript]]

Admin: Created page with "D3 calendar chart Wrapping this up, but some useful tools for the colormaps: webcolors: https://github.com/ubernostrum/webcolors/ cmocean: https://matplotlib.org/cmocean/..."

2018-02-12T05:38:43Z

Created page with "D3 calendar chart Wrapping this up, but some useful tools for the colormaps: webcolors: https://github.com/ubernostrum/webcolors/ cmocean: https://matplotlib.org/cmocean/..."

New page

D3 calendar chart

Wrapping this up, but some useful tools for the colormaps:

webcolors: https://github.com/ubernostrum/webcolors/

cmocean: https://matplotlib.org/cmocean/

yt volume visualization: http://yt-project.org/doc/index.html

text color: change fill attribute https://duckduckgo.com/?q=d3+text+color&t=ffab&ia=qa