25:["$","title",null,{"children":"Clusters - dynamic movement: PRETRIAL DATA | Brandtly Jones | Observable"}] 49:[{"id":"acde4daa8b7f50ed998716dc68886160ed59bc597e7872a4ff92f0508c19ff6fb55200d5ff57e73923b0c5b665c025c16783e1abb4adcc2a85db9bac89b3abea","href":"https://static.observableusercontent.com/files/acde4daa8b7f50ed998716dc68886160ed59bc597e7872a4ff92f0508c19ff6fb55200d5ff57e73923b0c5b665c025c16783e1abb4adcc2a85db9bac89b3abea","name":"in_study.csv","type":"text/csv","lastModified":1683327608914.059,"size":6463879},{"id":"a4e7cbfbec682781b2187a896abb3f17437bd0b62e2a700bff2890cce3b75a8cecd46bd3415774148ec94bad28598beff8ee4094f92281f35daeca9f3721bebb","href":"https://static.observableusercontent.com/files/a4e7cbfbec682781b2187a896abb3f17437bd0b62e2a700bff2890cce3b75a8cecd46bd3415774148ec94bad28598beff8ee4094f92281f35daeca9f3721bebb","name":"alluvial.csv","type":"text/csv","lastModified":1683047154335.549,"size":2539393}] 29:{"id":"22c8c92d3a88e16c","slug":null,"title":"Clusters - dynamic movement: PRETRIAL DATA","thumbnail":"e0cd90156bd20758d543dfa9e365956f91b318afe81a3bdaf43788f5c058947d","access_level":"public","create_time":"$D2023-05-02T13:36:14.307Z","update_time":"$D2023-05-06T12:15:25.763Z","view_time":null,"first_public_time":"$D2023-05-02T13:36:14.307Z","has_unpublished_edits":null,"fork":{"id":"b612682c6378fbf7","slug":"clusters-dynamic-movement","title":"Clusters - dynamic movement","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"stars":0,"starred":false,"owner":{"type":"team","id":"009014e770aabd81","login":"brandtlyj","name":"Brandtly Jones","avatar_url":"https://avatars-next.observableusercontent.com/a1b77fe315418ac9bee575ef70138bc76c62f6ab65825fed17ffa1ba857a32b7","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":832,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"faa4eab6a7554d34","login":"brandtlyj","name":"Brandtly Jones","avatar_url":"https://avatars-next.observableusercontent.com/a1b77fe315418ac9bee575ef70138bc76c62f6ab65825fed17ffa1ba857a32b7","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"faa4eab6a7554d34","login":"brandtlyj","name":"Brandtly Jones","avatar_url":"https://avatars-next.observableusercontent.com/a1b77fe315418ac9bee575ef70138bc76c62f6ab65825fed17ffa1ba857a32b7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Clusters - dynamic movement: PRETRIAL DATA","cells":[{"id":0,"value":"# Clusters - dynamic movement: PRETRIAL DATA\nExtending the single-draw Clusters example, this one moves the nodes dynamically by selecting different sets of foci, sorting based on data in each node.\n\nlibrary function: `dvClusterMoveNodes(newFoci,fociField)`\n\nUse the buttons below the cluster to change which foci sets to move and sort to. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":819,"value":"viewof form = Inputs.form({\nclass: Inputs.select([\"Race\", \"Sex\"], {label:\"Choose Feature to compare\"})\n \n\n \n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"\n\n

\n \n \n \n \n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"svgContainer","database":"$undefined"},{"id":98,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"styles","database":"$undefined"},{"id":22,"value":"//import {powerplants_2019} from \"@emfielduva/dvlib_sampledata\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"For demonstration purposes, to make it move faster, I'm sampling 2000 records from the full 11000+ record set. You can change this using the slice value on the right.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":749,"value":"data=FileAttachment(\"in_study.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"await FileAttachment(\"in_study.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":796,"value":"tokeep = [\"White\", \"Black\"];\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":804,"value":"data1 = data.filter(function(d,i){ return tokeep.indexOf(d.Race) >= 0 });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"slice = d3.shuffle(data1).slice(0,5000) //a manageable slice","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"### Draw the original layout\nsimilar to the original Clusters notebook:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"clElem = d3.select(svgContainer).select(\"#layer1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"clusters = dvCluster(clElem,slice,1000,800,\"Sex\",options);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"options = ({\n \"classField\": form.class,\t\t// to set their class/color\n \"dotScaleFactor\": 3,\n \"strength\": -.5,\n \"alphaTarget\": 0.09\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":245,"value":"### Multiple Foci sets:\nfoci can have any x,y location that you need. These are just in a simple grid of values, but these could come from map locations or any other location generator on screen from another routine.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":436,"value":"fociOneCenter = [{x: 500, y: 200}]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"fociDetained = ({\n \"Released\":{x: 500, y: 300},\"Detained\":{x: 500, y: 600}})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"fociRace = ({\n \"Black\":{x: 200, y: 400},\"White\":{x: 700, y: 400}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":717,"value":"### Add a layer to put foci labels\nThis isn't strictly necessary but can be helpful for organization.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":617,"value":"labelLayer = clElem.append(\"g\").attr(\"id\",\"labels\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"