Statistieken - Browser-Update.org

<!DOCTYPE html > <html lang="nl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Statistieken - Browser-Update.org</title> <meta name="description" content=""/> <meta name="keywords" content="browser, webbrowser, upgrade browser, update browser, choice, change browser, firefox, safari, opera, firefox, upgrade internet explorer, internet explorer update, ie, safari, konqueror"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="shortcut icon" href="/static/img/favicon.png" type="image/png"/> <link rel="icon" href="/static/img/favicon.png" type="image/png"/> <meta name="robots" content="index,follow"/> <link rel="stylesheet" href="/static/base2.css" type="text/css"/>   </head> <body> <div class="header"> <div class="innerhead"> <h1><a href="/nl/">Browser-Update.org</a></h1> <div class="tagline">Een initiatief van webdesigners om bezoekers te informeren over browser-updates</div> <div id="menu"> <input type="checkbox"/> <span></span> <span></span> <span></span> <nav> <div><a href="/nl/">Het Project</a></div> <div><a href="/nl/update-browser.html#3">Update uw browser</a></div> <div><a href="/nl/stat.html">Statistieken</a></div> <div><a href="/blog.html">Blog</a></div> <div><a href="/nl/contact.html">Contact</a></div> <div id="lang2"> <a>Languages ▼</a> <div> <a href="/en/">english</a> <a href="/de/">deutsch</a> <a href="/fr/">français</a> <a href="/it/">italiano</a> <a href="/pt/">português</a> <a href="/es/">español</a> <a href="/pl/">polski</a> <a href="/nl/">nederlands</a> <a href="/ja/">日本語</a> <a href="/sl/">slovenščina</a> <a href="/ru/">Русский</a> <a href="/ko/">한국어</a> <a href="/id/">Bahasa Indonesia</a> <a href="/uk/">Українська</a> <a href="/rm/">rumantsch</a> <a href="/da/">dansk</a> <a href="/sq/">shqipe</a> <a href="/ca/">català</a> <a href="/sv/">svenska</a> <a href="/hu/">magyar</a> <a href="/fa/">فارسی</a> <a href="/gl/">galego</a> <a href="/he/">עברית</a> <a href="/cs/">Čeština</a> <a href="/nb/">Norsk bokmål</a> <a href="/zh/">簡體中文</a> <a href="/zh_TW/">正體中文</a> <a href="/fi/">suomi</a> <a href="/tr/">Türkçe</a> <a href="/ro/">Română</a> <a href="/hr/">hrvatski</a> <a href="/bg/">български</a> <a href="/el/">Ελληνικά</a> <a href="/ar/">العربية</a> <a href="/sr/">Srpski</a> <a href="/lv/">Latviešu</a> <a href="/ga/">Gaeilge</a> <a href="/no/">Norsk</a> <a href="/th/">ภาษาไทย</a> <a href="/sk/">slovenčina</a> <a href="/hi/">हिन्दी</a> <a href="/vi/">tiếng Việt</a> <a href="/uz/">oʻzbekcha</a> <a href="/et/">eesti keel</a> <a href="/cy/">cymraeg</a> <a href="/nl/contact.html"><b>translate...</b></a> </div> </div> </nav> </div> </div> </div> <div id="co"> <h2>Statistieken</h2> <div class="numbs"> <p> <b>224 549</b> website's gebruiken het Browser-Update. org script </p> <p> <a href="stats.html" style="text-decoration: none; color:#333;"> <b>83 652 714</b> gebruikers hebben hun browsers al geupgraded </a> </p> </div> <h2>Browserupdates</h2> <style> .node rect { fill-opacity: .9; shape-rendering: crispEdges; } .link:hover { stroke-opacity: .5; } .node text { text-shadow: none; pointer-events: none; font-family: 'Open Sans', sans-serif; } .link { fill: none; stroke: #000; stroke: url(#grad1); stroke-opacity: 0.3; } .hnode { position: absolute; background-position: center center; background-repeat: no-repeat; opacity: 0.3; background-size: 120px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } #chart { height: 500px; position: relative; margin-bottom: 100px; } </style> <script> var data = { "nodes": [ {"name": "Other"}, {"name": "IE/Edge"}, {"name": "Firefox"}, {"name": "Opera"}, {"name": "Safari"}, {"name": "Chrome"}, {"name": "Other"}, {"name": "IE/Edge"}, {"name": "Firefox"}, {"name": "Opera"}, {"name": "Safari"}, {"name": "Chrome"} ], "links": [ {"source":5,"target":11,"value":42289143},{"source":5,"target":8,"value":6266842},{"source":1,"target":11,"value":4723786},{"source":2,"target":8,"value":3587067},{"source":1,"target":8,"value":2543301},{"source":1,"target":7,"value":2056538},{"source":4,"target":10,"value":1932073},{"source":4,"target":11,"value":1018577},{"source":5,"target":9,"value":774358},{"source":4,"target":8,"value":600784},{"source":2,"target":11,"value":548819},{"source":1,"target":9,"value":407038},{"source":3,"target":9,"value":333357},{"source":5,"target":7,"value":196449},{"source":3,"target":11,"value":117108},{"source":2,"target":9,"value":106255},{"source":4,"target":9,"value":106141},{"source":3,"target":8,"value":97970},{"source":0,"target":6,"value":76940},{"source":2,"target":7,"value":42982},{"source":1,"target":10,"value":26817},{"source":4,"target":7,"value":13646},{"source":3,"target":7,"value":13473},{"source":5,"target":10,"value":11892},{"source":2,"target":10,"value":11013} ] }; </script> <div id="chart"></div> <script src="https://d3js.org/d3.v2.min.js?2.9.1"></script> <script src="/static/sankey.js"></script> <script> var margin = {top: 1, right: 1, bottom: 6, left: 1}, width = 700 - margin.left - margin.right, height = 500 - margin.top - margin.bottom; var format = function (d) { return d; }; var colors = { "IE/Edge": "#6D95B9"/*"#00CCFF"*/, "Firefox": "#F2951F", "Opera": "#CC0F16", "Safari": "#2abce0", "Chrome": "#4CB849" }; var bs = {"IE/Edge": "ie", "Firefox": "ff", "Opera": "op", "Safari": "sa", "Chrome": "ch"}; var svg = d3.select("#chart").append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); var defs = svg.append('defs'); var grad = defs.append('linearGradient') .attr('id', 'grad1') .attr('x1', '0') .attr('x2', '1') .attr('y1', '0') .attr('y2', '0'); grad.append('stop').attr('class', 'grad1Stop1').attr('offset', '1%'); grad.append('stop').attr('class', 'grad1Stop2').attr('offset', '100%'); var elc = d3.select("#chart"); var sankey = d3.sankey() .nodeWidth(55) .nodePadding(10) .size([width, height]); var path = sankey.link(); function run(data) { sankey .nodes(data.nodes) .links(data.links) .layout(32); var link = svg.append("g").selectAll(".link") .data(data.links) .enter().append("path") .attr("class", "link") .attr("d", path) .style("stroke-width", function (d) { return Math.max(1, d.dy); }) .style("stroke", function (d) { return d.color = colors[d.source.name]; }) //.style("stroke","url(#grad1)") //.style("stroke","") .style("stroke-opacity", "") .sort(function (a, b) { return b.dy - a.dy; }); link.append("title") .text(function (d) { return d.source.name + " → " + d.target.name + "\n" + format(d.value); }); var node = svg.append("g").selectAll(".node") .data(data.nodes) .enter().append("g") .attr("class", "node") .attr("transform", function (d) { return "translate(" + d.x + "," + d.y + ")"; }); node.append("rect") .attr("height", function (d) { return d.dy; }) .attr("width", sankey.nodeWidth()) .style("fill", function (d) { return d.color = colors[d.name]; }) .append("title") .text(function (d) { return d.name + " " + d.value; }); /* var hnode = elc.selectAll(".hnode") .data(data.nodes) .enter().append("div") .attr("class", "hnode") .style("left", function(d) { return d.x +"px";}) .style("top", function(d) { return d.y+"px";}) .style("height", function(d) { return d.dy+"px"; }) .style("width", sankey.nodeWidth()+"px"); //.style("background-color", function(d) { return d.color = colors[d.name]; }) //.style("background-image", function(d) { if (d.dy>50) return "url(../img/big/"+bs[d.name]+ ".png)"}) */ node.append("text") .attr("x", -6) .attr("y", function (d) { return d.dy / 2; }) .attr("dy", ".45em") .attr("text-anchor", "end") .attr("transform", null) .text(function (d) { return d.name; }) .filter(function (d) { return d.x < width / 2; }) .attr("x", 6 + sankey.nodeWidth()) .attr("text-anchor", "start"); } run(data); </script> <table> <thead> <tr> <td>Van</td> <td> Aan</td> <td></td> </tr> </thead> <tbody> <tr> <td>Chrome</td> <td>Chrome</td> <td>42286199</td> </tr> <tr> <td>Chrome</td> <td>Firefox</td> <td>6266522</td> </tr> <tr> <td>IE/Edge</td> <td>Chrome</td> <td>4723719</td> </tr> <tr> <td>Firefox</td> <td>Firefox</td> <td>3586965</td> </tr> <tr> <td>IE/Edge</td> <td>Firefox</td> <td>2543279</td> </tr> <tr> <td>IE/Edge</td> <td>IE/Edge</td> <td>2056538</td> </tr> <tr> <td>Safari</td> <td>Safari</td> <td>1931727</td> </tr> <tr> <td>Safari</td> <td>Chrome</td> <td>1018499</td> </tr> <tr> <td>Chrome</td> <td>Opera</td> <td>774321</td> </tr> <tr> <td>Safari</td> <td>Firefox</td> <td>600761</td> </tr> <tr> <td>Firefox</td> <td>Chrome</td> <td>548783</td> </tr> <tr> <td>Other</td> <td>Chrome</td> <td>411800</td> </tr> <tr> <td>IE/Edge</td> <td>Opera</td> <td>407026</td> </tr> <tr> <td>Opera</td> <td>Opera</td> <td>333321</td> </tr> <tr> <td>Other</td> <td>Firefox</td> <td>206447</td> </tr> <tr> <td>Chrome</td> <td>IE/Edge</td> <td>196449</td> </tr> <tr> <td>Opera</td> <td>Chrome</td> <td>117100</td> </tr> <tr> <td>Firefox</td> <td>Opera</td> <td>106253</td> </tr> <tr> <td>Safari</td> <td>Opera</td> <td>106136</td> </tr> <tr> <td>Other</td> <td>Opera</td> <td>101477</td> </tr> <tr> <td>Opera</td> <td>Firefox</td> <td>97967</td> </tr> <tr> <td>Other</td> <td>Safari</td> <td>50659</td> </tr> <tr> <td>Firefox</td> <td>IE/Edge</td> <td>42982</td> </tr> <tr> <td>Other</td> <td>IE/Edge</td> <td>37113</td> </tr> <tr> <td>IE/Edge</td> <td>Safari</td> <td>26817</td> </tr> <tr> <td>Safari</td> <td>IE/Edge</td> <td>13646</td> </tr> <tr> <td>Opera</td> <td>IE/Edge</td> <td>13473</td> </tr> <tr> <td>Chrome</td> <td>Safari</td> <td>11892</td> </tr> <tr> <td>Firefox</td> <td>Safari</td> <td>11013</td> </tr> </tbody> </table> </div> <footer> <div class="footer-column"> <div><a href="/nl/#install">Zet de notificatie op de website</a></div> <div><a href="/nl/browsers.html">List of Webbrowsers</a></div> <div><a href="/nl/browsers-marked-as-insecure.html">Insecure browser versions</a></div> </div> <div class="footer-column"> <div><a href="/nl/what-is-my-browser.html'">What is my webbrowser?</a></div> <div><a href="/nl/stat.html">Statistieken</a></div> <div><a href="/nl/customize.html">Customize and test</a></div> </div> <div class="footer-column"> <div><a href="/nl/">Het Project</a></div> <div><a href="/blog.html">Blog</a></div> <div><a href="/nl/contact.html">Contact</a></div> </div> </footer> </body> </html>

CINXE.COM

Statistieken - Browser-Update.org