CINXE.COM
Gráficas dinámicas
<!DOCTYPE html> <html lang="es" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Gráficas dinámicas</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Combina los diferentes indicadores y visualiza su comportamiento en el tiempo a través de gráficas interactivas." /> <meta name="color" content="2279c0" /> <meta name="url_imagen" content="/img/servicios/gapminder.png" /> <meta name="author" content="INEGI" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="Indicadores, Economía, sociodemográficos, Medio ambiente, Población, Hogares y Vivienda, Sociedad y Gobierno, series historicas" /> <meta name="dc.identificier" content="https://www.inegi.org.mx/app/areasgeograficas/" /> <meta name="dc.title" content="Gapminder. Gráficas dinámicas" /> <meta name="dc.subject" content="empresa, negocios, agricultura, ganado, pesca, empleo, ocupaciones, población, salud, indicadores, educativos, hogares, vivienda, gobierno, delitos, seguridad, pública, justicia, ciencia, tecnología, medio, ambiente" /> <meta name="dc.description" content="Combina los diferentes indicadores y visualiza su comportamiento en el tiempo a través de gráficas interactivas." /> <meta name="dc.publisher" content="Instituto Nacional de Estadística y Geografía. INEGI" /> <meta name="dc.date" content="1998-01-01-2016-06-30" /> <meta name="dc.issued" content=" " /> <meta name="dc.modified" content=" " /> <meta name="dc.format" content="text/html" /> <meta name="dc.source" content=" " /> <meta name="dc.language" content="es" /> <meta name="dc.relation" content=" " /> <meta name="dc.spatial" content="Estados Unidos Mexicanos" /> <meta name="dc.subject" content=" " /> <link rel="stylesheet" type="text/css" href="/estilos/sitio/con_sitio.min.css" /> <link rel="stylesheet" type="text/css" href="/estilos/sitio/plantillas.min.css" /> <link rel="stylesheet" type="text/css" href="/componentes/biinegi/styles/tree.min.css" /> <link rel="stylesheet" href="css/code.min.css" /> <script src="/lib/jquery/jquery-1.11.2.min.js" type="text/javascript"></script> <script src="/componentes/encabezado/js/recursos.min.js" type="text/javascript"></script> <script src="/componentes/biinegi/config.min.js" type="text/javascript"></script> <script src="code/code2.min.js?v1.0.1"></script> <style> .ttl:hover { color: #333 !important; } #btnLimpiar { margin: 0px !important; } </style> </head> <body> <div class="" id="Encabezado" data-temselec="2" data-english="1"></div> <div class="jumbo"> <div class="container"> <div class="row"> <div class="row col-md-12"><ul class="st_barra-nav"><li><a href="/" id="txt_home">Inicio</a></li><li>/</li><li><a id="txt_serv" href="/siscon">Sistemas de Consulta</a></li><li>/</li><li><a id="txt_app" href="/app/gapminder">Gráficas dinámicas</a></li></ul></div> </div> </div> </div> <div class="container"> <div class="row row-offcanvas row-offcanvas-left" id="PrincipalContainer"> <div class="col-xs-12 classContenidoResultados" id="colContenido"> <div class="row" id="encabezadoMC"> <div class="col-xs-12"> <div class="row con_desf_inf" aria-label="Presentación Gráficas dinámicas"> <div class="row" style="margin:0px !important"> <div class="col-xs-12"> <div class="leftCol"> <img src="/img/servicios/gapminder.png" alt="Biinegi" align="left" style="margin: 3px; width:47px;" /> <h4 id="txt_ttlapp" class="enLinea tituloBIINEGI">Gráficas dinámicas</h4> <span class="inegi-nav-desp cursor" data-toggle="collapse" data-target="#descripcion"></span> </div> </div> </div> <div class="pad10 collapse" id="descripcion"> <p> <span id="txt_descr">Combina los diferentes indicadores y visualiza su comportamiento en el tiempo a través de gráficas interactivas.</span> </p> </div> </div> </div> </div> <div id="containerindicatorlist" class="panel panel-default con_desf_inf row"> <div class="panel-body" id="contenedorTabla"> <div class="row caja"> <div class="col-sm-10 col-xs-12"> <div class="filterBox"> <div class="box"> <div class="boxhead" data-toggle="collapse" data-target="#bodyIndicadores"> <div class="boxtitle" id="txt_ind">Indicadores</div> <div><span id="num" class="badge">0</span><span class="glyphicon glyphicon-triangle-bottom " style="margin-left: 5px;"></span></div> </div> <div class="boxbody collapse" id="bodyIndicadores"> <div class="bdy" id="tree"></div> </div> </div> </div> </div> <div class="col-sm-1 col-xs-12 pull-right"> <div class="row"> <div class="filterBox" style="text-align:right; padding-right:10px;"> <button type="button" class="btn btn-default" id="btnCns1" onclick="classGrafica.goGrafica();"> <span id="txt_cons">Consultar</span> </button> </div> </div> </div> </div> <div class="row marg"> <div class="col-xs-12 grf"> <div id="printGrafica" style="width: 100%; height: 600px;"></div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" align="right"> <button type="button" class="close" style="opacity: initial;" data-dismiss="modal" style="margin-right: 5px;" id="txt_close" data-placement="left" data-original-title="Cerrar" data-toggle="tooltip"> <span class="inegi-cerrar"></span> </button> </div> <div style="padding: 10px;" id="contenido_modal"></div> </div> </div> </div> <!-- Reloj --> <div class="modal modalReloj fade" id="loading" tabindex="-1" role="dialog" aria-hidden="true"> <img src="/img/cargando.gif" alt="Cargando información" /> </div> <div id="PiePagina"></div> <script> $(document).ready(function () { classGrafica.goTree(); setTimeout(function () { $("body").tooltip({ selector: '[data-toggle=tooltip]' }); }, 2000); }); </script> <script src="/componentes/encabezado/js/enc_genera.min.js"></script> <script src="/componentes/biinegi/treeGP.min.js?v1.1.1" type="text/javascript"></script> <link href="motionchart/libs/vizabi.css" rel="stylesheet" type="text/css"> <link href="motionchart/libs/bubblechart.css" rel="stylesheet" type="text/css"> <link href="motionchart/libs/bubblemap.css" rel="stylesheet" type="text/css"> <link href="motionchart/libs/mountainchart.css" rel="stylesheet" type="text/css"> <link href="motionchart/libs/barrankchart.css" rel="stylesheet" type="text/css"> <link href="motionchart/libs/linechart.css" rel="stylesheet" type="text/css"> <script src="motionchart/libs/d3.js"></script> <script src="motionchart/libs/vizabi.js"></script> <script src="motionchart/libs/bubblechart.js"></script> <script src="motionchart/libs/bubblemap.js"></script> <script src="motionchart/libs/mountainchart.js"></script> <script src="motionchart/libs/barrankchart.js"></script> <script src="motionchart/libs/linechart.js"></script> <script src="motionchart/libs/vizabi-ddfcsv-reader.js"></script> <script src="motionchart/libs/vizabi-csv-reader.js"></script> <script src="motionchart/libs/vizabi-excel-reader.js"></script> </body> </html>