2d:null 2e:["$","title",null,{"children":"List Curator - VIS'20 Dataset | Kasi Viswanath | Observable"}] 33:T4d7,

Do you Know Annotator?

Till now, All the attributes we filtered, we used are all basis on the provided data...
But what if I want to add my Personal Notes to the data or I want to define some Custom Attributes to the data. Can we do it?
Yes, we can use Annotator (different from traditional approach where the user can add his own notes and use these annotates to narrow down his choices)
Features of the Annotator:
1) The user can navigate to each choice and add his observations i.e, either notes or adding custom field to the choice
2) If the user navigates to 100 choices and if he forgets which choice he has seen earlier. This can be resolved by seen flag. Each time the user go through the choice, the seen flag will be updated as true for the choice

34:[{"id":"819f9307d5f4d7de2a321bd3b1232d4fde9b6f92ad304747c40c8cddd87041be5d81abddc4859d856a9f75177417d5b9ed2b278d2520b00b928007a71046c050","href":"https://static.observableusercontent.com/files/819f9307d5f4d7de2a321bd3b1232d4fde9b6f92ad304747c40c8cddd87041be5d81abddc4859d856a9f75177417d5b9ed2b278d2520b00b928007a71046c050","name":"papers.json","type":"application/json","lastModified":1655169156461.511,"size":720294}] 31:{"id":"4a8fb62e52b91959","slug":"list-curator-vis20","title":"List Curator - VIS'20 Dataset","thumbnail":"bb7ceb7c21b7818d0928fe21051a3522cb94e5aa1ff9c878a54d513447203688","access_level":"public","create_time":"$D2022-06-09T18:55:43.218Z","update_time":"$D2022-10-11T00:45:16.564Z","view_time":null,"first_public_time":"$D2022-06-14T01:30:03.128Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b760ea566a896d7d","login":"kasivisu4","name":"Kasi Viswanath","avatar_url":"https://avatars-next.observableusercontent.com/48e36723913e7e5b18b906e1d7cde12fad4146715e78bbf74d3db7969a248b56","tier":"starter_2024"},"version":1054,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fcd94e1c1ca12ae9","login":"kasivisu4","name":"Kasi Viswanath","avatar_url":"https://avatars-next.observableusercontent.com/48e36723913e7e5b18b906e1d7cde12fad4146715e78bbf74d3db7969a248b56","tier":null}],"members":[{"type":"individual","id":"be0076fec73aa550","login":"john-guerra","name":"John Alexis Guerra Gómez","avatar_url":"https://avatars-next.observableusercontent.com/21638cee44bb0ea70798da725b57111a5d3e2acebcd14524565992f7d1594aed","tier":null,"role":"editor"},{"type":"individual","id":"fcd94e1c1ca12ae9","login":"kasivisu4","name":"Kasi Viswanath","avatar_url":"https://avatars-next.observableusercontent.com/48e36723913e7e5b18b906e1d7cde12fad4146715e78bbf74d3db7969a248b56","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"b76ab0ab689e9c2b","slug":"list_curator","title":"List Curator","owner":{"id":"b760ea566a896d7d","login":"kasivisu4","name":"Kasi Viswanath"}},"type":"notebook","body":{"title":"List Curator - VIS'20 Dataset","cells":[{"id":0,"value":"# List Curator - [VIS'20 Dataset](https://virtual.ieeevis.org/year/2020/papers.html?filter=titles)\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":857,"value":"Do you want to filter the data? Just click on the Add Filters button.
\nSelect the column and choose appropriate filter. Defaults Filters are already being selected in case you are not sure about the filters\n\n ${conditionalShow(viewof filterer, {\n label: \"Show Selected Filters\",\n checked: true,\n bindInput: false\n })}","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1045,"value":"{\n filterer;\n return Inputs.table(filterer);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":861,"value":"$33","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":865,"value":"\n\n -->","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":475,"value":"viewof filteredDataSummary = {\n dataAnnotated;\n return SummaryTable(filterer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":416,"value":"viewof dataAnnotated = {\n return annotator(filterer, {\n mutateData: true,\n renderItem: renderItemTablewithIframe,\n backgroundColor: \"#f2ecec\",\n additionalAttributes: { iframeCol: \"youtube_ff_id\" }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"//Data Input View\nviewof data = {\n let target = dataInput({\n initialValue: default_data,\n delimiter: delimiter, // Optional\n format: \"auto\" // Optional, one of MongoExport, JSON, CSV, CSVNoAutoType\n });\n\n target.addEventListener(\"input\", function (e) {\n let fileName = e.target.value.split(/\\\\/).slice(-1)[0];\n textToSpeech(`${fileName} loaded `);\n });\n\n return target;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"// Delimiter for the file\nviewof delimiter = Inputs.text({\n label: \"Delimiter\",\n value: \",\",\n width: 30,\n required: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"default_data = FileAttachment(\"papers.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"viewof sortBy = {\n return sorterSelect(filterer);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"viewof filterer = {\n force;\n return recursiveDataFilter({\n datafn: () => data,\n dataattributesfn: () => Object.keys(data[0]),\n filterDirection: \"row\",\n height: \"100%\",\n width: \"90%\"\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":635,"value":"mutable force = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":587,"value":"import { sorterSelect } from \"c05004227c24ac13\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"import { dataInput } from \"@john-guerra/data-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"import { searchCheckbox } from \"@john-guerra/search-checkbox\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"import { recursiveDataFilter } with { data as data } from \"@kasivisu4/data_filter\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"import { annotator } from \"@kasivisu4/annotator\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"import { SummaryTable } from \"@observablehq/summary-table\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"import { conditionalShow } from \"@john-guerra/conditional-show\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":653,"value":"import { textToSpeech } from \"@kasivisu4/text_to_speech\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":889,"value":"// import {navio} from \"@john-guerra/navio\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":938,"value":"// A function that returns an element with the info for the data\n//\nfunction renderItemTablewithIframe(d, selectColumns, additionalAttributes) {\n const attrs = selectColumns || Object.keys(d);\n let maxColumnHeaderLength = attrs.reduce(\n (prev, curr) => Math.max(prev, curr.length),\n -Infinity\n );\n\n let youtubeVideo = youtubePlayer(d[additionalAttributes[\"iframeCol\"]]);\n youtubeVideo.style = \"width:400px;height:400px;padding-bottom:1%;\";\n return html` ${youtubeVideo}
\n\n ${attrs.map((a) => {\n return ``;\n })}\n

${a}	${d[a]}

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":932,"value":"import { youtubePlayer } from \"@rahulpowar/youtube-player-api\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"viewof list_curator = {\n let target = html`Use your input file to try out List Curator!! By default it uses VIS'20 Dataset \n ${viewof data} \n ${viewof delimiter}\n`;\n return target;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"