We 😍 Wikipedia

I wanted to see roughly which language's Wiki had the most love, proportionally to the number of speakers. There are a number of metrics to go by, depth or number of active users being notable, but, for simplicity, I used the raw number of articles. I ended up choosing a Nationalencyklopedin--a Swedish encyclopedia--dataset for native language usage numbers, due to its fullness of language statistics, available on this page. I then used Ethnologue numbers for English, French, German, Spanish, Persian, Mandarin, and Russian because the difference between total and native speakers was rather great. I believe even these rough statistics provide a telling story. The color intensity shows how a language proportionally compared to its peers in terms of number of articles divided by number of speakers. Waray-Waray, Swedish, and Dutch contributors come out on top. Do their contributors simply more often translate articles from English? Or do they draw from the other languages in their geographic vicinity, suggesting a proclivity towards multiculturalism? Only they know. At the bottom are Mandarin and Arabic. The cynic in me cites the fact that the majority of native speakers of these languages live in countries with heavy censorship, but this is only a wild hypothesis.

Featured on graphme

<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js"></script>
    <style>
      body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    </style>
     <link rel="stylesheet" type="text/css" href="tip.css">
  </head>

<body>
    <div id="love"></div>
    <script>
      d3.json("rawwikis.json", function(rawwikis){
        var pack = {children: rawwikis};
        var diameter = 500;
        var svg = d3.select('#love').append('svg')
        .attr('width', diameter)
        .attr('height', diameter);

var bubble = d3.layout.pack()
        .size([diameter, diameter])
        .value(function(d) { return d.articles; })
        .padding(3);

var tip = d3.tip()
        .attr('class', 'd3-tip')
        .offset([-10, 0])
        .html(function(d) {
          return [
            "<p>",
            d.englishname,
            " (",
            d.nativename,
            ")",
            "</br>",
            "Articles: ",
            numberWithCommas(d.articles),
            "</br>",
            "Speakers: ",
            numberWithCommas(d.speakers),
            "</br>",
            "Quotient: ",
            d3.round(d.articledivspeakers,4),
            "</br>",
            "Wiki Symbol: ",
            d.wiki,
            "</p>",
          ].join("");
        });

svg.call(tip);

// generate data with calculated layout values
        var nodes = bubble.nodes(pack)
        .filter(function(d) { return !d.children; }); // filter out the outer bubble
         
        var values = pack.children.map(function(obj) {
          return obj.articledivspeakers;
        });

var max = d3.max(values);

var fillColor = "#008100";
        var secondFillColor = "#bcffbc";
        var fill = d3.scale.sqrt()
        .domain([0, max])
        .range([secondFillColor, fillColor]);

var vis = svg.selectAll('circle')
        .data(nodes);

function numberWithCommas(x) {
          return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }
  	});
    </script>
  </body>

https://d3js.org/d3.v3.min.js

https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js