JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="x"></ul>

JavaScript

var tags =
[
    { Name: "c#", Uses: 100 },
    { Name: ".net", Uses: 75 },
    { Name: "typescript", Uses: 50 },
    { Name: "lua", Uses: 50 },
    { Name: "javascript", Uses: 25 },
    { Name: "jquery", Uses: 1 },
    { Name: "c++", Uses: 1 },
];
//

var max = 100;
var min = 1;

var fontMin = 10;
var fontMax = 20;
    
for (var i in tags)
{
    var tag = tags[i];
    
    var size = tag.Uses == min ? fontMin
        : (tag.Uses / max) * (fontMax - fontMin) + fontMin;
    
    var li = document.createElement("li");
    li.style.fontSize = size + "px";
    li.innerHTML = tag.Name + " || " + tag.Uses + " || font-size: " + size;

    document.getElementById("x").appendChild(li);
}