31:T475,spec = { let formatted_nodes = splink_vis_utils.format_nodes_data_for_force_directed( filtered_nodes, ss ); let formatted_edges = splink_vis_utils.format_edges_data_for_force_directed( filtered_edges, ss ); let s = new splink_vis_utils.ForceDirectedChart( formatted_nodes, formatted_edges ); let edge_colour_args = splink_vis_utils.metric_vis_args["edge_colour"][edge_colour_metric]; s.set_edge_colour_metric(...Object.values(edge_colour_args)); if (node_size_metric != "none") { let node_size_args = splink_vis_utils.metric_vis_args["node_size"][node_size_metric]; s.set_node_area_metric(...Object.values(node_size_args)); } if (node_colour_metric != "none") { let node_size_args = splink_vis_utils.metric_vis_args["node_colour"][node_colour_metric]; s.set_node_colour_metric(...Object.values(node_size_args)); } s.set_height_from_nodes_data(); let new_width = width; if (width > 1500) { new_width = 1500; } s.set_starting_width(new_width); if (additional_graph_controls.length == 0) { s.remove_all_sliders(); } return s.spec; }32:[] 2f:{"title":"To embed in splink outputs","cells":[{"id":0,"value":"md`# To embed in splink outputs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"viewof selected_cluster_id = splink_vis_utils.select(cluster_unique_ids, {\n label: \"Choose cluster: \"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":740,"value":"viewof edge_colour_metric = {\n const node_size_options = splink_vis_utils.detect_edge_colour_metrics(\n raw_edges_data\n );\n\n let v = splink_vis_utils.select(node_size_options, {\n label: \"Choose metric for edge colour: \"\n });\n if (node_size_options.length == 1) {\n v.style.visibility = \"hidden\";\n }\n return v;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":746,"value":"viewof node_size_metric = {\n const node_size_options = splink_vis_utils.detect_node_size_metrics(\n raw_nodes_data\n );\n let v = splink_vis_utils.select(node_size_options, {\n label: \"Choose metric for node size: \"\n });\n if (node_size_options.length == 1) {\n v.style.visibility = \"hidden\";\n }\n return v;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1190,"value":"viewof node_colour_metric = {\n const node_size_options = splink_vis_utils.detect_node_colour_metrics(\n raw_nodes_data\n );\n\n let v = splink_vis_utils.select(node_size_options, {\n label: \"Choose metric for node colour: \"\n });\n if (node_size_options.length == 1) {\n v.style.visibility = \"hidden\";\n }\n return v;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1053,"value":"viewof show_edge_comparison_type = splink_vis_utils.checkbox(\n new Map([\n [\"Show waterfall chart on edge click\", \"show_waterfall\"],\n [\"Show raw edge data on edge click\", \"raw_edge_data\"],\n\n [\"Show comparison columns on edge click\", \"cc_data\"],\n [\"Show history of node clicks\", \"node_history\"]\n ]),\n {\n label: \"\",\n value: [\"show_waterfall\", \"raw_edge_data\", \"node_history\"]\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":530,"value":"viewof show_full_tables = {\n let options;\n \n if (raw_clusters_data == null) {\n options = new Map([\n [\"Show table of all edges\", \"edges\"],\n [\"Show table of all nodes\", \"nodes\"]\n ]);\n } else {\n options = new Map([\n [\"Show cluster info\", \"clusters\"],\n [\"Show table of all edges\", \"edges\"],\n [\"Show table of all nodes\", \"nodes\"],\n [\"Show table of all clusters\", \"all_clusters\"]\n ]);\n }\n\n return splink_vis_utils.checkbox(options, {\n label: \"\"\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":550,"value":"viewof score_threshold_filter = splink_vis_utils.range([-20, 20], {\n label: 'Filter out edges with match weight below threshold:',\n value: -20,\n step: 0.1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":614,"value":"corresponding_probability = html`Your chosen threshold corresponds to a match probability of ${splink_vis_utils\n .log2_bayes_factor_to_prob(score_threshold_filter)\n .toPrecision(4)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1095,"value":"viewof additional_graph_controls = splink_vis_utils.checkbox(\n new Map([[\"Show additional graph controls\", \"graph_controls\"]]),\n {\n label: \"\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1227,"value":"edge_table = {\n if (selected_edge == undefined) {\n return html``;\n }\n\n if (show_edge_comparison_type.includes(\"raw_edge_data\")) {\n return html`\n

Rows compared by selected edge

\n ${splink_vis_utils.edge_row_to_table(selected_edge, ss)}\n\n`;\n }\n\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":427,"value":"nothing_selected_message = {\n if (no_edge_selected && no_node_selected) {\n return html`Click on nodes and/or edges in the below graph to show data and chart`;\n }\n\n if (typeof selected_edge == 'undefined') {\n return html`Click on an edges in the below graph to show waterfall chart and table`;\n }\n\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"viewof force_directed_chart = vegaEmbed(splink_vis_utils.cloneDeep(spec))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1669,"value":"node_history_table = {\n if (node_history.length == 0) {\n return html``;\n }\n if (show_edge_comparison_type.includes(\"node_history\")) {\n return html`\n

History of clicked nodes

\n${splink_vis_utils.node_rows_to_table(node_history, ss)}\n`;\n }\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"viewof refresh = Inputs.button(\"refresh splink_vis_utils javascript lib\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"cluster_table = {\n if (selected_cluster_metrics == null) {\n return html``;\n }\n if (!show_full_tables.includes(\"clusters\")) {\n return html``;\n }\n return html`\n

Cluster metrics

\n ${splink_vis_utils.single_cluster_table(selected_cluster_metrics)}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1041,"value":"comparison_columns_table = {\n if (no_edge_selected) {\n return html``;\n }\n if (show_edge_comparison_type.includes(\"cc_data\")) {\n return splink_vis_utils.comparison_column_table(selected_edge, ss);\n }\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":393,"value":"waterfall_chart = {\n if (no_edge_selected) {\n return html``;\n } else if (!show_edge_comparison_type.includes(\"show_waterfall\")) {\n return html``;\n } else {\n let waterfall_data = splink_vis_utils.get_waterfall_chart_data(\n selected_edge,\n ss\n );\n\n return vegaEmbed(\n splink_vis_utils.get_waterfall_chart_spec(waterfall_data, {})\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":569,"value":"edges_full_table = {\n if (show_full_tables.includes(\"edges\")) {\n // const filtered_edges = filtered_edges.filter(\n // d => d[svu_options.cluster_colname + \"_l\"] == selected_cluster_id\n // );\n return html`\n

Edges corresponding to selected cluster, filtered by threshold

\n Click column headers to sort\n \n ${splink_vis_utils.table(filtered_edges, { layout: \"auto\" })}\n\n `;\n } else {\n return html``;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":582,"value":"nodes_full_table = {\n if (show_full_tables.includes(\"nodes\")) {\n const filtered_nodes = raw_nodes_data.filter(\n d => d[svu_options.cluster_colname] == selected_cluster_id\n );\n\n return html`\n

All nodes corresponding to selected cluster

\n Click column headers to sort\n \n ${splink_vis_utils.table(filtered_nodes, { layout: \"auto\" })}\n\n `;\n } else {\n return html``;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1417,"value":"clusters_full_table = {\n if (show_full_tables.includes(\"all_clusters\")) {\n return html`\n

All clusters

\n Click column headers to sort\n \n ${splink_vis_utils.table(raw_clusters_data, { layout: \"auto\" })}\n\n `;\n } else {\n return html``;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":564,"value":"md`## Outputs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"ss = new splink_vis_utils.SplinkSettings(JSON.stringify(splink_settings))","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"no_edge_selected = typeof selected_edge == 'undefined'","pinned":false,"hidden":false,"mode":"ojs"},{"id":497,"value":"no_node_selected = typeof selected_node == 'undefined'","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"md`## Data processing`","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"cluster_unique_ids = {\n let cluster_ids = splink_vis_utils.get_unique_cluster_ids_from_nodes_data(\n raw_nodes_data,\n svu_options.cluster_colname\n );\n cluster_ids = cluster_ids.map(d => d.toString());\n\n if (named_clusters != null) {\n let cid_map = new Map();\n\n Object.entries(named_clusters).forEach(e => {\n cid_map.set(e[1], e[0]);\n\n const index = cluster_ids.indexOf(e[0]);\n\n if (index > -1) {\n cluster_ids.splice(index, 1);\n }\n });\n\n cluster_ids.forEach(d => cid_map.set(d, d));\n\n return cid_map;\n }\n return cluster_ids;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":355,"value":"selected_edge = observe_chart_data(force_directed_chart, \"edge_click\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":348,"value":"function observe_chart_data(chart, signal_name) {\n return Generators.observe(function(notify) {\n // change is a function; calling change triggers the resolution of the current promise with the passed value.\n\n // Yield the element’s initial value.\n const signaled = (name, value) => notify(chart.signal(signal_name));\n chart.addSignalListener(signal_name, signaled);\n notify(chart.signal(signal_name));\n\n return () => chart.removeSignalListener(signal_name, signaled);\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":351,"value":"selected_node = observe_chart_data(force_directed_chart, \"node_click\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1229,"value":"selected_cluster_metrics = {\n if (raw_clusters_data == null) {\n return null;\n } else {\n let data = raw_clusters_data.filter(\n d => d[svu_options.cluster_colname] == selected_cluster_id\n );\n return data[0];\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":602,"value":"filtered_nodes = splink_vis_utils.filter_nodes_with_cluster_id(\n raw_nodes_data,\n svu_options.cluster_colname,\n selected_cluster_id\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":605,"value":"filtered_edges = {\n let edges = splink_vis_utils.filter_edges_with_cluster_id(\n raw_edges_data,\n svu_options.cluster_colname,\n selected_cluster_id\n );\n\n edges = edges.filter(\n d =>\n d[svu_options.prob_colname] >=\n splink_vis_utils.log2_bayes_factor_to_prob(score_threshold_filter)\n );\n\n return edges;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1595,"value":"mutable node_history = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":1597,"value":"control_node_history = {\n selected_node;\n\n if (typeof force_directed_chart._signals.node_click.value == 'undefined') {\n mutable node_history = [];\n } else {\n mutable node_history.unshift(\n force_directed_chart._signals.node_click.value\n );\n mutable node_history = mutable node_history;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"md`## Following are global variables embedded in final html so not needed in final version`","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"// splink_vis_utils = require(`${localUrl}?${refresh}${Date.now()}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"// localUrl = \"http://127.0.0.1:8080/dist/splink_vis_utils.js\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"// vegaEmbed = require(\"vega-embed@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1197,"value":"// raw_clusters_data = d3.json(\"https://gist.githubusercontent.com/RobinL/1101d5c919de39d9435983d0edce5aa2/raw/5feca1c47d9c10e396dde8e06588f57634650a9a/raw_cluster_data.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"// raw_nodes_data = d3.json(\n// \"https://gist.githubusercontent.com/RobinL/1101d5c919de39d9435983d0edce5aa2/raw/65f0263c7ac3f663fbd947c0682315e4f72a21ce/raw_nodes_data.json\"\n// )","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"// raw_edges_data = d3.json(\n// \"https://gist.githubusercontent.com/RobinL/1101d5c919de39d9435983d0edce5aa2/raw/65f0263c7ac3f663fbd947c0682315e4f72a21ce/raw_edges_data.json\"\n// )","pinned":false,"hidden":false,"mode":"ojs"},{"id":271,"value":"// splink_settings = d3.json(\n// \"https://gist.githubusercontent.com/RobinL/1101d5c919de39d9435983d0edce5aa2/raw/d1428393a9a161317f693cd277aaae60b66d0d4f/splink_settings.json\"\n// )","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"// svu_options = ({\n// cluster_colname: 'cluster_medium',\n// prob_colname: 'tf_adjusted_match_prob'\n// })","pinned":false,"hidden":false,"mode":"ojs"},{"id":1380,"value":"// named_clusters = null","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}