29:null 2a:["$","title",null,{"children":"Leading Browsers Market Share | Akash Ram | Observable"}] 2f:T9bf,packedbubbleChart = { const graphWidth = 900; const graphHeight = 500; const graphData = [ { name: "Worldwide", data: [ { browser: "Chrome", value: 63.47 }, { browser: "Safari", value: 19.88 }, { browser: "Edge", value: 5.3 }, { browser: "Firefox", value: 3.04 }, { browser: "Opera", value: 2.9 }, { browser: "Others", value: 5.4 } ] }, { name: "India", data: [ { browser: "Chrome", value: 87.91 }, { browser: "Safari", value: 2.58 }, { browser: "Edge", value: 1.15 }, { browser: "Firefox", value: 1.16 }, { browser: "Opera", value: 3.5 }, { browser: "Others", value: 3.7 } ] } ]; const graphContainer = html`

`; Highcharts.chart(graphContainer, { credits: false, // removes highchart watermark, chart: { type: "packedbubble" }, title: { text: "Browser Market Share - Worldwide vs India" }, subtitle: { text: 'Source: statcounter.com (September-2023)' }, tooltip: { useHTML: true, pointFormat: "{point.browser}: {point.value}%" }, plotOptions: { series: { cursor: "pointer" }, packedbubble: { draggable: false, minSize: "40%", maxSize: "100%", zMin: 0, zMax: 100, layoutAlgorithm: { gravitationalConstant: 0.05, splitSeries: true, seriesInteraction: false, dragBetweenSeries: true, parentNodeLimit: true }, dataLabels: { enabled: true, format: "{point.browser}
{point.value}%", filter: { property: "y", operator: ">", value: 0 }, style: { color: "black", textOutline: "none", fontWeight: "normal", fontSize: "12" } } } }, series: graphData }); return graphContainer; }30:T6de,dataLabelsLineChart = { const graphWidth = 900; const graphHeight = 500; const graphData = [ { name: "Chrome (Wordlwide)", data: [ 64.34, 64.95, 65.87, 65.12, 65.52, 65.68, 65.27, 65.86, 64.68, 65.43, 65.76, 64.76 ] }, { name: "Chrome (India)", data: [ 87.81, 88.28, 88.82, 89.04, 88.58, 89.23, 89.26, 89.3, 86.32, 89.17, 88.79, 88.61 ] } ]; const graphCategories = [ "Jun-2022", "Jul-2022", "Aug-2022", "Sep-2022", "Oct-2022", "Nov-2022", "Dec-2022", "Jan-2023", "Feb-2023", "Mar-2023", "Apr-2023", "May-2023" ]; const graphContainer = html`

`; Highcharts.chart(graphContainer, { credits: false, // removes highchart watermark, chart: { type: "line" }, title: { text: "Google Chrome Market Share - Worldwide vs India" }, subtitle: { text: 'Source: statcounter.com (April-2022 to March-2023)' }, xAxis: { categories: graphCategories, crosshair: { width: 1, color: "#000" } }, yAxis: { min: 50, title: { text: "Browser" }, labels: { format: "{value}%", overflow: "justify" } }, tooltip: { shared: true, crosshairs: true, valueSuffix: "% of total
" }, plotOptions: { line: { cursor: "pointer", dataLabels: { enabled: true }, enableMouseTracking: true // for tooltip } }, series: graphData }); return graphContainer; }31:T8d7,groupBarChart = { const graphWidth = 900; const graphHeight = 500; const graphData = [ { name: "Worldwide", data: [65.23, 18.9, 4.31, 3.11, 2.25, 6.2] }, { name: "India", data: [88.59, 2.62, 1.05, 1.58, 2.61, 3.55] } ]; const graphCategories = [ image( "https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Google_Chrome_icon_%28February_2022%29.svg/120px-Google_Chrome_icon_%28February_2022%29.svg.png", "Google Chrome" ), image( "https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/Safari_browser_logo.svg/120px-Safari_browser_logo.svg.png", "Safari Browser" ), image( "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f6/Edge_Logo_2019.svg/100px-Edge_Logo_2019.svg.png", "Microsoft Edge" ), image( "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Firefox_logo%2C_2019.svg/120px-Firefox_logo%2C_2019.svg.png", "Mozilla Firefox" ), image( "https://upload.wikimedia.org/wikipedia/commons/thumb/4/49/Opera_2015_icon.svg/60px-Opera_2015_icon.svg.png", "Opera" ), "Others" ]; const graphContainer = html`

`; Highcharts.chart(graphContainer, { credits: false, // removes highchart watermark, chart: { type: "bar" }, title: { text: "Browser Market Share - Worldwide vs India" }, subtitle: { text: 'Source: statcounter.com (April-2022 to March-2023)' }, xAxis: { categories: graphCategories, labels: { useHTML: true }, title: { text: "Browser" } }, yAxis: { min: 0, title: { text: "Total percent market share", align: "high" }, labels: { format: "{value}%", overflow: "justify" } }, tooltip: { valueSuffix: "% of total
" }, plotOptions: { bar: { cursor: "pointer", dataLabels: { enabled: true } } }, legend: { enabled: true }, series: graphData }); return graphContainer; }32:T723,PieChart = { const graphWidth = 900; const graphHeight = 500; const graphData = [ { name: "Worldwide", center: ["25%"], size: "60%", data: [ { platform: "Mobile", y: 58.86 }, { platform: "Desktop", y: 38.98 }, { platform: "Tablet", y: 2.14 }, { platform: "Others", y: 0.02 } ], innerSize: "50%" }, { name: "India", center: ["75%"], size: "60%", data: [ { platform: "Mobile", y: 75.18 }, { platform: "Desktop", y: 24.4 }, { platform: "Tablet", y: 0.42 }, { platform: "Others", y: 0.0 } ], innerSize: "50%" } ]; const graphContainer = html`

`; Highcharts.chart(graphContainer, { credits: false, // removes highchart watermark, chart: { plotBackgroundColor: true, plotBorderWidth: null, plotShadow: false, type: "pie" }, title: { text: "Desktop vs Mobile vs Tablet Market Share - Worldwide vs India" }, subtitle: { text: 'Source: statcounter.com (April-2022 to March-2023)' }, tooltip: { headerFormat: '\u25CF {series.name}', pointFormat: "
{point.platform}: {point.y}% of total
" }, accessibility: { point: { valueSuffix: "%" } }, plotOptions: { pie: { allowPointSelect: true, cursor: "pointer", dataLabels: { enabled: true, format: "{point.platform}: {point.y} %", connectorColor: "silver" } } }, series: graphData }); return graphContainer; }33:[] 2d:{"id":"36420acf30f6f211","slug":"leading-browsers-market-share","title":"Leading Browsers Market Share","thumbnail":"a7f3a85884b6dd357f8b31416a084f05aee6083c14100a800a8b7862315ac95f","access_level":"public","create_time":"$D2023-05-31T15:52:07.206Z","update_time":"$D2024-03-13T17:52:40.313Z","view_time":null,"first_public_time":"$D2023-05-31T15:52:07.206Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/ee24b2f3d7055ffb97ffc91c9c9563471228ef7d76023a233500c53880c3687c","tier":"starter_2024"},"version":750,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1d52a4b816a41e95","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/97a371d0a1014fc8f22aa7da56ab7920835220acbf32f37993e3b9b1ce0f4ff1","tier":null}],"members":[{"type":"individual","id":"1d52a4b816a41e95","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/97a371d0a1014fc8f22aa7da56ab7920835220acbf32f37993e3b9b1ce0f4ff1","tier":null,"role":"editor"},{"type":"team","id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/ee24b2f3d7055ffb97ffc91c9c9563471228ef7d76023a233500c53880c3687c","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Leading Browsers Market Share","cells":[{"id":0,"value":"# Leading Browsers Market Share ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"Analyze the Leading Browser Market Share - Discover the most used browsers on *all platforms (Desktop, Mobile, Tablet and Console)* in every region *Worldwide*, identify market trends and get some actionable insights","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":111,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"**Utility Functions : **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":288,"value":"// For Image Rendering\nimage = (imgSrc, browserName) => {\n const imageConfig = {\n width: 40,\n height: 40\n };\n return ` $\"${browserName}\"$ `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"**Import HighCharts Libraries : **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"Highcharts = {\n const Highcharts = await require(\"highcharts\");\n await require(\"https://code.highcharts.com/highcharts-more.js\");\n await require(\"https://code.highcharts.com/modules/exporting.js\");\n await require(\"https://code.highcharts.com/modules/accessibility.js\");\n return Highcharts;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":712,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"🙏 **Thankful To : **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":633,"value":"*Data Source : [StatCounter](https://statcounter.com/) *","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":607,"value":"*Charting Libraries : [Highcharts](https://www.highcharts.com/) *\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":621,"value":"*Browser Image Source : [Wikipedia](https://www.wikipedia.org/) *","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":629,"value":"*Code Editor : [Observable Notebook](https://observablehq.com/)*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":631,"value":"*My Inspiration : [Mike Bostock](https://en.wikipedia.org/wiki/Mike_Bostock)*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":657,"value":"**Connect :**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":652,"value":"

🐱 [GitHub](https://github.com/imakashram) 🎯 [LinkedIn](https://www.linkedin.com/in/imakashram/) ✖ [X](https://twitter.com/imakashram) 🌐 [Website](https://akashram.bio.link/)

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2e:"$2d:body"