2d:null 2e:["$","title",null,{"children":"Using Tables | Abe Yang | Observable"}] 33:T4d3,viewof object = form(html``)34:T50c,protectionsData = d3.csvParse(`info,percent Making it illegal for companies to collect personal data unless that data is required to provide the product,0.6235 Requiring websites to get explicit permission from you before tracking you,0.6565 Requiring companies to tell you what data they have on you and who has access to it,0.6929 "Requiring companies to simplify and standardize the consent forms they give you around sharing personal data (for example, removing legal-speak from Terms of Service agreements and making them easier to read)",0.6244 "No political advertising that uses highly personal information, for example, your Facebook likes or Google searches",0.5626 No mass surveillance by government (i.e. individual warrants are required),0.5770 "The ability to easily opt-out of online tracking, such as using a Do Not Track browser setting",0.6980 Timely notification in the event of a data breach,0.6954 "Preventing companies from advertising to people based on data which can be used to infer race, ethnicity, and gender for categories where discrimination is possible (like jobs and housing ads). For example, companies couldn't target Facebook ads for housing toward members of an African-American sorority.",0.5431 N/A - none of these,0.0516 Other (please specify),0.135 `)35:[] 31:{"id":"bc17dacd501d3662","slug":"using-tables","title":"Using Tables","thumbnail":"9a378b580d0b8702bf317579f4773084bcbc82a0b539cfb074f959fd178de625","access_level":"public","create_time":"$D2019-01-31T19:54:40.297Z","update_time":"$D2019-02-07T00:46:02.321Z","view_time":null,"first_public_time":"$D2019-01-31T20:16:42.528Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"14074f730a8d4dd9","login":"abeyang","name":"Abe Yang","avatar_url":"https://avatars-next.observableusercontent.com/f32459cf05a621ea48d32d76ff263a30fe286ed4e8566e8beb3e0887c4deb348","tier":"starter_2024"},"version":143,"publish_version":143,"role":null,"authored":false,"authors":[{"type":"individual","id":"ffbcdeaa3ec6bb24","login":"abeyang","name":"Abe Yang","avatar_url":"https://avatars-next.observableusercontent.com/f32459cf05a621ea48d32d76ff263a30fe286ed4e8566e8beb3e0887c4deb348","tier":null}],"members":[{"type":"individual","id":"ffbcdeaa3ec6bb24","login":"abeyang","name":"Abe Yang","avatar_url":"https://avatars-next.observableusercontent.com/f32459cf05a621ea48d32d76ff263a30fe286ed4e8566e8beb3e0887c4deb348","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"6a742a8fba99e61c","slug":"duckduckgo","title":"DuckDuckGo","owner":{"id":"14074f730a8d4dd9","login":"abeyang","name":"Abe Yang"}},"type":"notebook","body":{"title":"Using Tables","cells":[{"id":0,"value":"md`# Using Tables`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"md `**Control the colors** by using the sliders below — it's mapping the percentages with the (DDG) colors. \n\n*This allows us to see which colors work best at which threshold, given the data.*\n\nAlso, you can **sort the table** by clicking on the \"percent\" in the header row.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"html `\n \n \n\t \n\t \n\t \n \n

\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"html `\n\n\n\n

\n${t}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"\n// table\nt = table(protectionsData, {\n sortable: true,\n paged: 100,\n columns: {\n info: {\n title: ''\n },\n percent: {\n formatter(val, i) {\n let color = d3.scaleLinear()\n .domain([object.input1, object.input2, object.input3])\n .range([globals.color[object.color1], globals.color[object.color2], globals.color[object.color3]]);\n \n return html`${d3.format(\".2%\")(val)}`\n ;\n }\n }\n }\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"globals","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"md `## Todo:\n\n- Add margins\n- Include font\n- Remove pagination from table\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"import {globals} from \"@abeyang/globals\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"import {table} from \"@tmcw/tables\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"