Uso de recursos de Fistel e Fust de 2001 a 2015

<!DOCTYPE html>
<head> 
  <script src="https://d3js.org/d3.v3.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Oswald:700,300,400' rel='stylesheet' type='text/css'>

</head>

<body>
  
  <div id="conteudo">
  
   <h1>Uso de recursos de Fistel e Fust de 2001 a 2015 </h1>
    
    <h3>* <em>Os dois itens com cores atenuadas representam as atividades-fins relacionadas aos fundos - Fiscalização e Universalização de serviços de telecomunicações </em> </h3>
    
  
<svg viewBox="0 0 800 500" xmlns="https://www.w3.org/2000/svg"><g transform="translate(.5,.5)"><g class="cell" transform="translate(131,10)">
    
    
    <rect width="283" height="73" style="fill: rgb(250, 166, 26); fill-opacity: 0.5; stroke: rgb(255, 255, 255);"></rect><title>fiscalização: </title><text x="141.5" y="36.5" dy=".35em" text-anchor="middle" style="font-size: 12px; font-family: Oswald, Helvetica;">fiscalização</text></g><g class="cell" transform="translate(131,83)"><rect width="283" height="201" style="fill: rgb(250, 166, 26); fill-opacity: 1; stroke: rgb(255, 255, 255);"></rect><title>destinado ao Fust: </title><text x="141.5" y="100.5" dy=".35em" text-anchor="middle" style="font-size: 12px; font-family: Oswald, Helvetica;">destinado ao Fust</text></g><g class="cell" transform="translate(131,284)"><rect width="283" height="206" style="fill: rgb(250, 166, 26); fill-opacity: 1; stroke: rgb(255, 255, 255);"></rect><title> identificados: </title><text x="141.5" y="103" dy=".35em" text-anchor="middle" style="font-size: 12px; font-family: "Oswald", Helvetica;"> identificados</text></g><g class="cell" transform="translate(414,10)"><rect width="423" height="480" style="fill: rgb(250, 166, 26); fill-opacity: 1; stroke: rgb(255, 255, 255);"></rect><title> não identificados: </title><text x="211.5" y="240" dy=".35em" text-anchor="middle" style="font-size: 12px; font-family: Oswald, Helvetica;"> não identificados</text></g><g class="cell" transform="translate(10,10)"><rect width="9" height="102" style="fill: #000; fill-opacity: 0.5; stroke: #fff;"></rect><title>Universalização: </title><text x="4.5" y="51" dy=".35em" text-anchor="middle" style="font-size: 12px; fill: #fff; font-family: Oswald, Helvetica;"></text></g><g class="cell" transform="translate(19,10)"><rect width="102" height="102" style="fill: rgb(5, 5, 5); fill-opacity: 1; stroke: #fff;"></rect><title> identificados: </title><text x="51" y="51" dy=".35em" text-anchor="middle" style="font-size: 12px; fill: #fff; font-family: Oswald, Helvetica;"> identificados</text></g><g class="cell" transform="translate(10,112)"><rect width="111" height="378" style="fill: rgb(5, 5, 5); fill-opacity: 1; stroke: #fff;"></rect><title> não identificados: </title><text x="55.5" y="189" dy=".35em" text-anchor="middle" style="font-size: 12px; fill: #fff; font-family: Oswald, Helvetica;"> não identificados</text></g></g></svg>
    
    <h4> <b>Fonte:</b> TCU, com informações de Anatel, Secretaria do Tesouro Nacional e Secretaria de Orçamento e Finanças. Visualização por <a href="https://voltdata.info" target="_blank"> Volt Data Lab</a>  </h4>
    <h4> <a href="https://portal.tcu.gov.br/lumis/portal/file/fileDownload.jsp?fileId=8A8182A25232C6DE015260487A990BD2&inline=1" target="_blank">Acesse o relatório do TCU aqui</h4>
    
  </div>
  
  
</body>

Modified http://d3js.org/d3.v3.min.js to a secure url

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