Skip to content

Instantly share code, notes, and snippets.

@201513139

201513139/ejercicio uno svg,css,script,d3.html

Created January 27, 2016 19:16
Show Gist options
  • Save 201513139/f66edfa5a191cf1e2122 to your computer and use it in GitHub Desktop.
Save 201513139/f66edfa5a191cf1e2122 to your computer and use it in GitHub Desktop.
Download ZIP
Ejercicio uno modulo 2
Raw
ejercicio uno svg,css,script,d3.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejercicio 1 Módulo 2</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8">
<script src="https://gist.github.com/201513139/0f0358e2a87cbfc681df" charset="utf-8">
</script>
</head>
<body>
<script>
d3.csv("Desktop/Desplazamiento 1999-2014.csv", function(data) {
console.log(data);
});
</script>
<svg width="500px" height="200px" style="border:solid 1px #000">
<circle cx="250px" cy="120px" r="60px" fill="brown"></circle>
<svg height="80" width="300">
<g fill="none" stroke="black" stroke-width="4">
<path stroke-dasharray="5,5" d="M5 20 l215 0" />
<path stroke-dasharray="10,10" d="M5 40 l215 0" />
<path stroke-dasharray="20,10,5,5,5,10" d="M5 60 l215 0" />
</g>
</svg>
<svg height="140" width="500">
<ellipse cx="200" cy="80" rx="100" ry="50"
style="fill:green;stroke:brown;stroke-width:2" />
</svg>
<text x="90px" y="150px" font-size="40px">De un pueblo a otro</text>
</svg>
<h1 >Desplazamiento en Colombia 1999-2014</h1>
<h3>Número de casos sobre desplazamiento a nivel municipal y departamental</h3>
<p>Todo según el Registro Único de Víctimas de la Unidad de Atención y Reparación Integral a las Víctimas (UARIV).</p>
<p>Los datos para 2014 tienen como fecha de corte Septiembre de este mismo año.<em> Es un Dataset de</em> Jan 01, 1996 <strong>- Sep 30, 2014</strong>.
</p>
<style>
body {
background-color: #909090;
font-family: Helvetica, Arial
}
h1 {
background-color: lightblue;
color: white;
margin: 5px;
border: solid 2px black;
padding: 5px;
}
h3 {
color: royalBlue;
margin: 5px;
padding: 5px;
}
d3.selectAll("p").style("color", "black");
d3.select"body".style"background-color", "black";
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment