#### [[Color Coding An Explanation Allows For Modular And Incremental Instruction Without Having To Isolate The Component Parts]] --- Displaying and explaining information in this manner allows the viewer to see a differentiation amongst all the component parts and even when parts are duplicated but can be explained by a single color-->explanation. > ![[Pasted image 20201209233410.png]] > > <div class="signature"> - Naomi Saphra </div> $ \definecolor{energy}{RGB}{114,0,172} \definecolor{freq}{RGB}{45,177,93} \definecolor{spin}{RGB}{251,0,29} \definecolor{signal}{RGB}{18,110,213} \definecolor{circle}{RGB}{217,86,16} \definecolor{average}{RGB}{203,23,206} \definecolor{gruv}{RGB}{235, 219, 178} \color{energy} X_{\color{freq} k} \color{black} \color{gruv}= \color{average} \frac{1}{N} \sum_{n=0}^{N-1} \color{signal}x_n \color{spin} e^{\mathrm{i} \color{circle} 2\pi \color{freq}k \color{average} \frac{n}{N}} $ In this particular example the *$k$* element is displayed twice but explained once and is not re-explained at a second time. The explanation also reads like prose making it more of a flowing conversation than analytical switchbacks between the pieces. Where as many might break down this formula piece by piece in isolation to explain its functionality: --- *$\frac{n}{N}$* <center>then:</center> *$e^{i2\pi k\frac{n}{N}}$* <center>then:</center> *$x_ke^{i2\pi k\frac{n}{N}}$* <center>then:</center> *$\frac{1}{N}\sum_{n=0}^{N-1}x_ke^{i2\pi k\frac{n}{N}}$* <center>Until Finally:</center> *$X_k = \frac{1}{N}\sum_{n=0}^{N-1}x_ke^{i2\pi k\frac{n}{N}}$* --- In essence by using the color coding to explain *$k$* in the image **ONCE** instead of talking about the pieces as they begin to re-assemble themselves in front of you, you need continuously repeat yourself as you're checking the logic of the formulas from start to finish over every incremental addition. I'm reminded of inefficient algorithms or poorly written [[T-SQL|TSQL]] Code that performs many unnecessary scans of tables/data to arrive at a result. With the color coding approach we are able to more easily visually separate the components out and define their purpose and function while still seeing the in their proper context in it's entirety. This is an apt way to approach a topic/subject with the mindset that [[Learning is not atomized]] This is also a boon to visual learners who see these patterns and visual elements and gain a better grasp of the material. One key point to keep in mind would be accommodations for the colorblind by using color palettes made for those with colorblindness like: > ![[Pasted image 20201210000230.png]] > > <div class="signature"> - <a target="_blank" src="https://blog.dotdigital.com/reporting-colors-matter/">Ian Pollard</a></div> --- Tags: [[Learning]] - [[Teaching]] - [[Visual Learning]] Reference: [[! 2020-12-09 Why isn't color-coding explanations more common]] [[@Naomi Saphra]] Related: https://adereth.github.io/blog/2013/11/29/colorful-equations/