Skip to content

Instantly share code, notes, and snippets.

View mauroSolis's full-sized avatar

Mauro Solis mauroSolis

  • Costa Rica
View GitHub Profile
@mauroSolis
mauroSolis / Practica12.html
Created June 10, 2013 06:07
Practica 12 visualización, solución desarrollada junto con Josue Ramirez en el laboratorio
<!DOCTYPE html>
<html>
<head>
<!-- solucion resuelta en conjunto con Josue Ramirez -->
<title>Bar Transition Example</title>
<script type="text/javascript"
src="http://mbostock.github.com/d3/d3.js"></script>
<script type="text/javascript" src="data.json"></script>
<script type="text/javascript" src="bars.js"></script>
</head>
@mauroSolis
mauroSolis / Zoom_Brush (Practica10).html
Created May 27, 2013 07:28
practica zoom & Brush con D3
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Brush</title>
<script type="text/javascript"
src="http://mbostock.github.com/d3/d3.js"></script>
<style type="text/css">
svg { font: 10px sans-serif;shape-rendering: crispEdges; }
rect { fill: #ddd; }
@mauroSolis
mauroSolis / data.json
Created May 5, 2013 20:47
árbol tipo Sunburst utilizando los datos de la division territorial administrativa de Costa Rica por cantones. Incluye HTML y archivo de datos json
{"Costa Rica": {
"San Jose": {
"SAN JOSÉ": 3924,
"ESCAZÚ": 3354,
"DESAMPARADOS": 2525,
"PURISCAL": 4560,
"TARRAZÚ": 1236,
"ASERRÍ": 1515,
"MORA": 12365,
"GOICOECHEA": 9587,
@mauroSolis
mauroSolis / data.json
Created April 29, 2013 04:57
Practica 7 TreeMap utilizando los datos de la division territorial administrativa de Costa Rica por cantones data.json contiene algunos datos de la division territorial de costa rica para el grafico, pero no esta completo
{
"name": "Costa Rica",
"children": [
{
"name": "San Jose",
"children": [
{
"name": "Carmen",
"children": [
{"name": "Amon", "size": 3938},
@mauroSolis
mauroSolis / maya_curricular.json
Created April 22, 2013 03:25
Archivo html que contiene un ejemplo de grafo (layout) utilizando D3.js y archivo json con los datos requeridos
{
"links": [
{
"source": 0,
"target": 1
},
{
"source": 1,
"target": 2
},
@mauroSolis
mauroSolis / infoVis_Practica4.html
Created March 28, 2013 04:26
Practice of “Attribute Explorer” with html/javascript and d3.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<style type="text/css">
.axis path,
.axis line {
fill: none;
@mauroSolis
mauroSolis / TopPeliculas.html
Created March 14, 2013 08:02
Grafica sobre peliculas
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="d3.js"></script>
<style>
.axis path{
fill:none;
@mauroSolis
mauroSolis / paisaje2.svg
Created February 25, 2013 05:53
a simple draw using svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@mauroSolis
mauroSolis / parqueDiversiones1.svg
Created February 18, 2013 04:20
a simple and firs test of svg develop, simple shapes with circles, elipses, lines, and others
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@mauroSolis
mauroSolis / ejercicio2.css
Created November 7, 2012 22:34
Practica 10
/*!
* Bootstrap v2.2.1
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
article,