Skip to content
Snippets Groups Projects
Select Git revision
  • main
1 result

index.html

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    index.html 1.34 KiB 
    <!-- PROYECTO DE VISUALIZACION DE DATOS -->
<!--@ISAVILL-->

<!DOCTYPE html>
<meta charset="utf-8">

<head>
<!-- Load d3.js -->
<script src="https://d3js.org/d3.v4.js"></script>

<!-- Div for the title -->
<div id="title" > 40 AÑOS DE MÚSICA EN VENTAS </div>

<!-- Div for text -->
<div id="description" > Fuente: 
<a href="https://www.kaggle.com/datasets/imtkaggleteam/40-years-of-music-industry-sales">www.kaggle.com/datasets/imtkaggleteam/40-years-of-music-industry-sales
</a> 

 </div>

<!-- Create a div where the graph will take place -->
<div id="my_dataviz"></div>

<!-- Create a div for the legend -->
<div id="legend"></div>
</head>


<style>

#title{
    text-align:center;
    margin:auto;
    font-family: Helvetica;
    font-weight: 800;
    font-size: 50px;
    user-select:none
}

#description {
    text-align:center;
    margin:auto;
    font-family: Helvetica;
    padding-bottom: 30px
}

#my_dataviz{
  text-align:center;
  margin:auto;
  vertical-align:middle;
  user-select:none;
  font-family: Helvetica
}

#legend {
  background-color:#ecececec;
  text-align:center;
  margin:auto;
  width:70%;
  height:120px;
  user-select:none;
  font-family: Helvetica;
  text-shadow: 1px 1px 1px black;
  border-style: groove;
  font-weight: 700;
  font-size: 23px
}

</style>

    <body>

<!--Import script -->
<script src="script_proyecto.js"></script>

</body>