1d:{"title":"DDD #11: Relative Comparison","cells":[{"id":0,"value":"# DDD #11: Relative Comparison\n## Index charts and logarithmic perception","pinned":false,"hidden":false,"mode":"md"},{"id":758,"value":"Goal:\n- Grok index charts and logarithmic perception\n- Decide when to index from 100% or 0% change\n- Decide when to use multiple vs percent index chart\n- Onboard audience to how to use log charts","pinned":false,"hidden":false,"mode":"md"},{"id":615,"value":"Material:\n- [Fuzzy vs symbolic number sense](https://youtu.be/vRqCs2SUdxY?t=105) (14 min)\n- [Weber, Fechner and Stevens's Power Law](https://www.raggeduniversity.co.uk/wp-content/uploads/2018/03/Weber-Fechner-Law.pdf) (5min)\n- [Index Charts](https://www.youtube.com/watch?v=qs7h19vaqQc) (8 min)\n- [Interactive Index Chart](https://observablehq.com/@d3/index-chart/2) (2 min)","pinned":false,"hidden":false,"mode":"md"},{"id":755,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":710,"value":"\n \n \n \n \n

${tex`\\ln{(x \\cdot y)} = \\ln{(x)} + \\ln{(y)}`}

${tex`\\ln{(x / y)} = \\ln{(x)} - \\ln{(y)}`}

","pinned":false,"hidden":false,"mode":"html"},{"id":70,"value":"$1f","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"denominations = [\n ({name: 'penny', value:.01}),\n ({name: 'nickel', value:.05}),\n ({name: 'dime', value:.1}),\n ({name: 'quarter', value:.25}),\n ({name: 'half dollar', value:.5}),\n ({name: '$1 bill', value:1}),\n ({name: '$2 bill', value:2}),\n ({name: '$5 bill', value:5}),\n ({name: '$10 bill', value:10}),\n ({name: '$20 bill', value:20}),\n ({name: '$50 bill', value:50}),\n ({name: '$100 bill', value:100}),\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"viewof index = Inputs.select(denominations.map(e => e.name), {label: \"Select an index\", value:'$5 bill'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"$20","pinned":false,"hidden":false,"mode":"ojs"},{"id":761,"value":"- Index data can be re-indexed without losing information","pinned":false,"hidden":false,"mode":"md"},{"id":416,"value":"[link to interactive index chart](https://observablehq.com/@d3/index-chart/2)","pinned":false,"hidden":false,"mode":"md"},{"id":291,"value":"Percent change cannot be graphed on a log scale\n\n- The index value will have 0% change relative to itself, and log(0) is infinity\n- log is not defined for negative values","pinned":false,"hidden":false,"mode":"md"},{"id":308,"value":"Inputs.bind(Inputs.select(denominations.map(e => e.name), {label: \"Select an index\", value:'$5 bill'}), viewof index)","pinned":false,"hidden":false,"mode":"ojs"},{"id":267,"value":"$21","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"Which pair seems closer?\n\n

9 - 10           10 - 11

","pinned":false,"hidden":false,"mode":"md"},{"id":361,"value":"viewof consecutive = Inputs.select(['log difference','precent change'], {label: \"Compare with:\", value:'$5 bill'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"\n \n \n \n \n

${tex`\\Delta log = \\dfrac{ \\ln{x_2} - \\ln{x_1}} {\\ln{1}} `}

${tex`change = \\dfrac{x_2-x_1}{x_1}`}

","pinned":false,"hidden":false,"mode":"html"},{"id":8,"value":"{\n let n = 20\n let data = []\n for( let i=1; i\n \n ${tex`Change = \\dfrac{x_2-x_1}{x_1}`}\n ${tex`Multiple = 1+\\dfrac{x_2-x_1}{x_1}`}\n \n","pinned":false,"hidden":false,"mode":"html"},{"id":420,"value":"change = ({\n relative: (x,y) => (y-x) / x,\n ln: (x,y) => Math.log(y) - Math.log(x),\n /*\n arithmetic: (x,y) => ( (y-x) / x ) / (.5 + .5*y/x),\n geometric: (x,y) => ( (y-x) / x ) / Math.sqrt(y/x),\n harmonic: (x,y) => .5 * ( (y-x) / x ) * (1+x/y),\n \n max: (x,y) => (y/x-1) / Math.max(1,y/x),\n min: (x,y) => (y/x-1) / Math.min(1,y/x),\n moment: (x,y,k=1) => (y/x-1) / (.5*( 1 + (y/x)**k ))**(1/k)\n */\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":428,"value":"viewof form1 = Inputs.form({\n index: Inputs.range([1, 100], {label: \"Index, x1\", step: 1, value:10}),\n value: Inputs.range([1, 100], {label: \"Value, x2\", step: 1, value:60}),\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"$22","pinned":false,"hidden":false,"mode":"ojs"},{"id":519,"value":"$23","pinned":false,"hidden":false,"mode":"ojs"},{"id":730,"value":"import {chart} from \"@john-guerra/stevenss-power-law\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":737,"value":"chart","pinned":false,"hidden":false,"mode":"ojs"},{"id":742,"value":"![image.png](${await FileAttachment(\"image.png\").url()})","pinned":false,"hidden":false,"mode":"md"}],"files":"$W24","stdlib":"1"}