31:T78d,

Chatbot

Contact Info

Location

Contacts

User Content

History

Identifiers

Diagnostics

Usage Data

Purchases

Other Data

${AIChatbotsData.map(bot => html`

${bot.Name}

Total Data Collected: ${bot.Total_Data_Collected}

${generateClusterChart(bot.Contact_Info, "#8dd3c7")}

${generateClusterChart(bot.Location, "#ffffb3")}

${generateClusterChart(bot.Contacts_Access, "#bebada")}

${generateClusterChart(bot.User_Content, "#fb8072")}

${generateClusterChart(bot.Browsing_History, "#80b1d3")}

${generateClusterChart(bot.Device_Identifiers, "#fdb462")}

${generateClusterChart(bot.Diagnostics, "#b3de69")}

${generateClusterChart(bot.Usage_Data, "#fccde5")}

${generateClusterChart(bot.Purchases, "#d9d9d9")}

${generateClusterChart(bot.Other_Data, "#bc80bd")}

`)}

32:T702,33:T9a8,AIChatbotsData = [ { Name: "Gemini", DisplayName: "Gemini", Logo: await FileAttachment("gemini.svg").url(), Contact_Info: 4, Location: 2, Contacts_Access: 1, User_Content: 4, Browsing_History: 2, Device_Identifiers: 2, Diagnostics: 3, Usage_Data: 2, Purchases: 1, Other_Data: 1, Total_Data_Collected: 22 }, { Name: "Claude", DisplayName: "Claude", Logo: await FileAttachment("claude.svg").url(), Contact_Info: 3, Location: 1, Contacts_Access: 0, User_Content: 3, Browsing_History: 0, Device_Identifiers: 2, Diagnostics: 3, Usage_Data: 1, Purchases: 0, Other_Data: 0, Total_Data_Collected: 13 }, { Name: "Copilot", DisplayName: "Copilot", Logo: await FileAttachment("copilot.svg").url(), Contact_Info: 1, Location: 1, Contacts_Access: 0, User_Content: 3, Browsing_History: 1, Device_Identifiers: 2, Diagnostics: 2, Usage_Data: 2, Purchases: 0, Other_Data: 0, Total_Data_Collected: 12 }, { Name: "DeepSeek", DisplayName: "DeepSeek", Logo: await FileAttachment("deepseek.svg").url(), Contact_Info: 2, Location: 0, Contacts_Access: 0, User_Content: 3, Browsing_History: 0, Device_Identifiers: 2, Diagnostics: 3, Usage_Data: 1, Purchases: 0, Other_Data: 0, Total_Data_Collected: 11 }, { Name: "ChatGPT", DisplayName: "ChatGPT", Logo: await FileAttachment("chatgpt.svg").url(), Contact_Info: 3, Location: 0, Contacts_Access: 0, User_Content: 1, Browsing_History: 0, Device_Identifiers: 2, Diagnostics: 3, Usage_Data: 1, Purchases: 0, Other_Data: 0, Total_Data_Collected: 10 }, { Name: "Perplexity", DisplayName: "Perplexity", Logo: await FileAttachment("perplexity.svg").url(), Contact_Info: 0, Location: 2, Contacts_Access: 0, User_Content: 0, Browsing_History: 0, Device_Identifiers: 2, Diagnostics: 3, Usage_Data: 2, Purchases: 1, Other_Data: 0, Total_Data_Collected: 10 }, { Name: "Grok", DisplayName: "Grok", Logo: await FileAttachment("grok.svg").url(), Contact_Info: 2, Location: 0, Contacts_Access: 0, User_Content: 0, Browsing_History: 0, Device_Identifiers: 2, Diagnostics: 3, Usage_Data: 0, Purchases: 0, Other_Data: 0, Total_Data_Collected: 7 } ]34:T768,generateClusterChart = (circleCount, circleColor = "#40E0D0") => { // Container dimensions const containerSize = 150; const circleRadius = 11; const collisionRadius = circleRadius * 1.2; // Create SVG element const svg = d3 .create("svg") .attr("viewBox", `0 0 ${containerSize} ${containerSize}`) .attr("width", "100%") .attr("height", "100%") .attr("style", "max-width: 100%; height: auto;"); // Create chart container, centered const chartContainer = svg .append("g") .attr("class", "g-chart-container") .attr("transform", `translate(${containerSize / 2}, ${containerSize / 2})`); // Generate nodes with initial random positions within a constrained range const nodes = d3.range(circleCount).map(() => ({ x: (Math.random() - 0.5) * 50, y: (Math.random() - 0.5) * 50 })); // Append circles const node = chartContainer .selectAll("circle") .data(nodes) .join("circle") .attr("r", circleRadius) .attr("fill", circleColor) .style("stroke", "blue") .style("stroke-width", "1px"); // Create simulation const simulation = d3 .forceSimulation(nodes) .force("charge", d3.forceManyBody().strength(-10)) // Prevent excessive repulsion .force("collision", d3.forceCollide().radius(collisionRadius)) // Prevent overlap .force("x", d3.forceX(0).strength(0.2)) // Stronger centering force .force("y", d3.forceY(0).strength(0.2)) // Stronger centering force .on("tick", () => { node.attr("cx", (d) => d.x).attr("cy", (d) => d.y); }); // Append text element for zero values chartContainer .append("text") .attr("x", 0) .attr("y", 0) .attr("font-weight", "bold") .attr("text-anchor", "middle") .attr("dy", "0.35em") .attr("font-size", "30px") .attr("fill", "black") .text(() => (circleCount === 0 ? "-" : "")); return svg.node(); }35:[{"id":"5e794e10d59dcd1ae8076c9698e4b3cbce0179c1e939d553848c03b2b7e4050a095bcff697b4f17fc046427305607449add424e58423cb3bb13db2f1d3b611b5","href":"https://static.observableusercontent.com/files/5e794e10d59dcd1ae8076c9698e4b3cbce0179c1e939d553848c03b2b7e4050a095bcff697b4f17fc046427305607449add424e58423cb3bb13db2f1d3b611b5","name":"claude.svg","type":"image/svg+xml","lastModified":1743171186264.968,"size":2457},{"id":"7aa7d6b2096ab44b9b7a6c4787ad87304a28d6882970da8af56fd7eee4baf25baf8af5f1c0ea44491c7cf366d280d154cc7aa43409b79a75b5e8b2b452d5e66b","href":"https://static.observableusercontent.com/files/7aa7d6b2096ab44b9b7a6c4787ad87304a28d6882970da8af56fd7eee4baf25baf8af5f1c0ea44491c7cf366d280d154cc7aa43409b79a75b5e8b2b452d5e66b","name":"gemini.svg","type":"image/svg+xml","lastModified":1743171186636.894,"size":599},{"id":"a4f68b8daa7fe809c4dc49e57022c501d7528ceb18d27a620946afff61af9caf39dcafdfa5737cdc8de91ee8a462ecd96d268729623b9008423f0e87f5b12309","href":"https://static.observableusercontent.com/files/a4f68b8daa7fe809c4dc49e57022c501d7528ceb18d27a620946afff61af9caf39dcafdfa5737cdc8de91ee8a462ecd96d268729623b9008423f0e87f5b12309","name":"copilot.svg","type":"image/svg+xml","lastModified":1743171186656.862,"size":3455},{"id":"24b7e1ff9b35afe6a93cdd9c212037f90f967b653f57a3941f5c37b746d8791151b362b39b2e819b3568a6241410ef43c99083549d8cbe938f9d83bd34f9dc5e","href":"https://static.observableusercontent.com/files/24b7e1ff9b35afe6a93cdd9c212037f90f967b653f57a3941f5c37b746d8791151b362b39b2e819b3568a6241410ef43c99083549d8cbe938f9d83bd34f9dc5e","name":"deepseek.svg","type":"image/svg+xml","lastModified":1743171186677.069,"size":3174},{"id":"eb728271f236ff85981e511fc341ad45213d0e0eb94058c58a7e005b938b92ca48109c19e482923cda81899ebbd4075419dafbead92d4a09da379e12202e9dfa","href":"https://static.observableusercontent.com/files/eb728271f236ff85981e511fc341ad45213d0e0eb94058c58a7e005b938b92ca48109c19e482923cda81899ebbd4075419dafbead92d4a09da379e12202e9dfa","name":"grok.svg","type":"image/svg+xml","lastModified":1743171186677.706,"size":1148},{"id":"d9f92cb01aadf735c74824ca1ac5b257e914476448adda21fd2cec6df31678641aa4217acb7069baa05d4222f3bc61f51a73db0f85ca69eac32c12c05e05c963","href":"https://static.observableusercontent.com/files/d9f92cb01aadf735c74824ca1ac5b257e914476448adda21fd2cec6df31678641aa4217acb7069baa05d4222f3bc61f51a73db0f85ca69eac32c12c05e05c963","name":"chatgpt.svg","type":"image/svg+xml","lastModified":1743171186690.351,"size":2740},{"id":"3064ef8610fc97129b7149131fca3c4c9240c90b48bd4191a76953a080d893bb388df9ec5a8c73162eeb0c99c8d392c0f9eba4d4c3038f641e7ec24962bac7b4","href":"https://static.observableusercontent.com/files/3064ef8610fc97129b7149131fca3c4c9240c90b48bd4191a76953a080d893bb388df9ec5a8c73162eeb0c99c8d392c0f9eba4d4c3038f641e7ec24962bac7b4","name":"perplexity.svg","type":"image/svg+xml","lastModified":1743171186641.105,"size":2116},{"id":"7b00535015de4221b2d494d874d553dd6191847306cefb742201564faa13f9015142b4bcc06672b796e3a27435726df6c2049e76a7fb8b0cbaa73470325fe17c","href":"https://static.observableusercontent.com/files/7b00535015de4221b2d494d874d553dd6191847306cefb742201564faa13f9015142b4bcc06672b796e3a27435726df6c2049e76a7fb8b0cbaa73470325fe17c","name":"observablehq.svg","type":"image/svg+xml","lastModified":1744293863870.432,"size":3168},{"id":"2ee393443444598c3bbb1bc9e8429f94082c554d0416d7387c9a922bee321f15ec5517a960337287df04bd6840f622c86b2973cc0838588624410bda2947725e","href":"https://static.observableusercontent.com/files/2ee393443444598c3bbb1bc9e8429f94082c554d0416d7387c9a922bee321f15ec5517a960337287df04bd6840f622c86b2973cc0838588624410bda2947725e","name":"d3-js.svg","type":"image/svg+xml","lastModified":1744293869927.679,"size":2966}] 2f:{"title":"Types of Data Collected by AI Chatbots","cells":[{"id":0,"value":"

Types of Data Collected by AI Chatbots

Chart Type: Clustered Force Layout, Tech Stack: D3.js, SVG

Data Sources: Surfshark

","pinned":false,"hidden":false,"mode":"html"},{"id":14,"value":"

As of February 18, 2025, Surfshark analyzed the privacy details of the most popular AI chatbots on the Apple App Store to compile this data.

","pinned":false,"hidden":false,"mode":"html"},{"id":188,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":224,"value":"

Chatbots Logo: UXWing

","pinned":false,"hidden":false,"mode":"html"},{"id":23,"value":"### CSS","pinned":false,"hidden":false,"mode":"md"},{"id":26,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":109,"value":"### AI Chat bots Data","pinned":false,"hidden":false,"mode":"md"},{"id":102,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"### Clustered Force Layout Chart","pinned":false,"hidden":false,"mode":"md"},{"id":40,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":498,"value":"### Tools and Methodologies","pinned":false,"hidden":false,"mode":"md"},{"id":500,"value":"

\n \n $\"Observable$ \n \n \n $\"D3.js\"$ \n \n

","pinned":false,"hidden":false,"mode":"html"},{"id":494,"value":"### References","pinned":false,"hidden":false,"mode":"md"},{"id":496,"value":"*[D3.js Docs.](https://d3js.org/getting-started) | [Observable Notebook Docs.](https://observablehq.com/documentation/notebooks/) | [SVG Docs.](https://developer.mozilla.org/en-US/docs/Web/SVG)* ","pinned":false,"hidden":false,"mode":"md"},{"id":17,"value":"### Acknowledgements","pinned":false,"hidden":false,"mode":"md"},{"id":19,"value":"*The author has no acknowledgements to declare for this project.*","pinned":false,"hidden":false,"mode":"md"},{"id":489,"value":"### AI Disclosure","pinned":false,"hidden":false,"mode":"md"},{"id":491,"value":"*The author utilized AI tools such as Gemini and ChatGPT as coding assistants during the development of this project.*","pinned":false,"hidden":false,"mode":"md"},{"id":21,"value":"

⚠️ Disclaimer ⚠️

\n This project provides data visualizations for informational purposes only. While we aim for accuracy, the data may contain errors or omissions. It should not be used as financial, legal, or professional advice. We are not responsible for any decisions made based on this information. Use at your own discretion.\n

","pinned":false,"hidden":false,"mode":"html"}],"files":"$W35","stdlib":"1","titling":"auto"}