Skip to content

Commit c6b4575

Browse files
Imagenes fuera del frame de ejemplo
1 parent 4700246 commit c6b4575

1 file changed

Lines changed: 53 additions & 18 deletions

File tree

CURSO.md

Lines changed: 53 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -561,10 +561,12 @@ Tiene su origen en el <i>scatter plot</i>, **círculos posicionados en un plano
561561
💡 Ejemplo
562562
</div>
563563
<div class="ejemplo_contenido">
564-
<center>![Diagrama de burbujas.](media/UD07_Bubbles.png "Figura. Diagrama de burbujas. Fuente: [Jan Kühn](https://yotka.org/missing-migrants/)")</center>
564+
565565
</div>
566566
</div>
567567

568+
<center>![Diagrama de burbujas.](media/UD07_Bubbles.png "Figura. Diagrama de burbujas. Fuente: [Jan Kühn](https://yotka.org/missing-migrants/)")</center>
569+
568570
<div class="concepto">
569571
<i>Treemap</i>
570572
</div>
@@ -576,10 +578,12 @@ Muy popular para datos económicos. El <i>treemap</i> **distribuye un espacio li
576578
💡 Ejemplo
577579
</div>
578580
<div class="ejemplo_contenido">
579-
<center>![Treemap](media/UD07_Treemap.png "Figura. Treemap. Fuente: [Moodys](https://www.moodys.com/web/en/us/insights/data-stories/10-key-insurers-risks-in-charts.html)")</center>
581+
580582
</div>
581583
</div>
582584

585+
<center>![Treemap](media/UD07_Treemap.png "Figura. Treemap. Fuente: [Moodys](https://www.moodys.com/web/en/us/insights/data-stories/10-key-insurers-risks-in-charts.html)")</center>
586+
583587
<div class="concepto">
584588
Voronoi
585589
</div>
@@ -591,10 +595,12 @@ Semejante al <i>treemap</i>, pero basado en diagramas de Voronoi (o polígonos d
591595
💡 Ejemplo
592596
</div>
593597
<div class="ejemplo_contenido">
594-
<center>![Diagrama de Voronoi](media/UD07_Voronoi.png "Figura. Diagrama de Voronoi. Fuente: [Moodys](https://www.moodys.com/web/en/us/insights/data-stories/10-key-insurers-risks-in-charts.html)")</center>
598+
595599
</div>
596600
</div>
597601

602+
<center>![Diagrama de Voronoi](media/UD07_Voronoi.png "Figura. Diagrama de Voronoi. Fuente: [Moodys](https://www.moodys.com/web/en/us/insights/data-stories/10-key-insurers-risks-in-charts.html)")</center>
603+
598604
<div class="concepto">
599605
Paths
600606
</div>
@@ -606,10 +612,12 @@ Gráfico utilizado para representar **trayectorias uniendo puntos mediante líne
606612
💡 Ejemplo
607613
</div>
608614
<div class="ejemplo_contenido">
609-
<center>![Paths](media/UD07_Path.png "Figura. <i>Paths</i>. Fuente: [Federica Fragapane](https://www.behance.net/gallery/121178815/Land-Defenders)")</center>
615+
610616
</div>
611617
</div>
612618

619+
<center>![Paths](media/UD07_Path.png "Figura. <i>Paths</i>. Fuente: [Federica Fragapane](https://www.behance.net/gallery/121178815/Land-Defenders)")</center>
620+
613621
<div class="concepto">
614622
Araña
615623
</div>
@@ -621,10 +629,11 @@ Gráfico que representa múltiples variables mediante **ejes que se extienden de
621629
💡 Ejemplo
622630
</div>
623631
<div class="ejemplo_contenido">
624-
<center>![Araña](media/UD07_Spider.png "Figura. Araña. Fuente: [Federica Fragapane](https://www.behance.net/gallery/244863983/Graphics-for-the-Publications-Office-of-the-EU-25-26)")</center>
632+
625633
</div>
626634
</div>
627635

636+
<center>![Araña](media/UD07_Spider.png "Figura. Araña. Fuente: [Federica Fragapane](https://www.behance.net/gallery/244863983/Graphics-for-the-Publications-Office-of-the-EU-25-26)")</center>
628637

629638

630639
*************************************************************************************************************
@@ -650,10 +659,12 @@ Los ejes cartesianos, x e y, permiten asociar la **dimensión temporal al eje X*
650659
💡 Ejemplo
651660
</div>
652661
<div class="ejemplo_contenido">
653-
<center>![Ejes cartesianos](media/UD07_Axis.png "Figura. Ejes Cartesianos. Fuente: [Financial Times](https://ig.ft.com/coronavirus-chart/)")</center>
662+
654663
</div>
655664
</div>
656665

666+
<center>![Ejes cartesianos](media/UD07_Axis.png "Figura. Ejes Cartesianos. Fuente: [Financial Times](https://ig.ft.com/coronavirus-chart/)")</center>
667+
657668
<div class="concepto">
658669
Ejes verticales
659670
</div>
@@ -665,10 +676,12 @@ El **scroll vertical de los dispositivos digitales** ha permitido la creación d
665676
💡 Ejemplo
666677
</div>
667678
<div class="ejemplo_contenido">
668-
<center>![Ejes verticales](media/UD07_Vertical.jpg "Figura. Ejes verticales. Fuente: [Nadieh Bremer](https://www.visualcinnamon.com/portfolio/sciam-satellite-surge/)")</center>
679+
669680
</div>
670681
</div>
671682

683+
<center>![Ejes verticales](media/UD07_Vertical.jpg "Figura. Ejes verticales. Fuente: [Nadieh Bremer](https://www.visualcinnamon.com/portfolio/sciam-satellite-surge/)")</center>
684+
672685
<div class="concepto">
673686
Ejes radiales
674687
</div>
@@ -680,10 +693,12 @@ Siguiendo la tradición más oriental y redundando en la recursividad del tiempo
680693
💡 Ejemplo
681694
</div>
682695
<div class="ejemplo_contenido">
683-
<center>![Ejes radiales](media/UD07_Arc.jpg "Figura. Ejes radiales. Fuente: [Tiziana Alocci](https://www.behance.net/gallery/164954871/Wired-UK-Infographic-SpaceX-Rockets)")</center>
696+
684697
</div>
685698
</div>
686699

700+
<center>![Ejes radiales](media/UD07_Arc.jpg "Figura. Ejes radiales. Fuente: [Tiziana Alocci](https://www.behance.net/gallery/164954871/Wired-UK-Infographic-SpaceX-Rockets)")</center>
701+
687702
<div class="concepto">
688703
Sankey
689704
</div>
@@ -695,10 +710,12 @@ La **transmisión de flujos** de unos nodos a otros adopta su mejor expresión e
695710
💡 Ejemplo
696711
</div>
697712
<div class="ejemplo_contenido">
698-
<center>![Diagrama de Sankey](media/UD07_Sankey.png "Figura. Diagrama de Sankey. Fuente: [Adolfo Arranz](https://www.behance.net/gallery/17868143/Power-grid)")</center>
713+
699714
</div>
700715
</div>
701716

717+
<center>![Diagrama de Sankey](media/UD07_Sankey.png "Figura. Diagrama de Sankey. Fuente: [Adolfo Arranz](https://www.behance.net/gallery/17868143/Power-grid)")</center>
718+
702719
*************************************************************************************************************
703720

704721
<!-- id="vis_1" -->
@@ -721,10 +738,12 @@ La más básica de esas representaciones es una **estructura en árbol** en la c
721738
💡 Ejemplo
722739
</div>
723740
<div class="ejemplo_contenido">
724-
<center>![Nodos](media/UD07_Nodes.png "Figura. Nodos. Fuente: [zoonotic-web](https://vis.csh.ac.at/zoonotic-web/)")</center>
741+
725742
</div>
726743
</div>
727744

745+
<center>![Nodos](media/UD07_Nodes.png "Figura. Nodos. Fuente: [zoonotic-web](https://vis.csh.ac.at/zoonotic-web/)")</center>
746+
728747
<div class="concepto">
729748
Nodos radiales
730749
</div>
@@ -736,10 +755,12 @@ Aprovechando el desarrollo de nuevas propuestas gráficas y la capacidad del len
736755
💡 Ejemplo
737756
</div>
738757
<div class="ejemplo_contenido">
739-
<center>![Nodos radiales](media/UD07_Radial.jpg "Figura. Nodos radiales. Fuente: [Alice Bouchardon](https://www.fastcompany.com/3025003/how-dogs-evolved)")</center>
758+
740759
</div>
741760
</div>
742761

762+
<center>![Nodos radiales](media/UD07_Radial.jpg "Figura. Nodos radiales. Fuente: [Alice Bouchardon](https://www.fastcompany.com/3025003/how-dogs-evolved)")</center>
763+
743764

744765
*************************************************************************************************************
745766

@@ -767,10 +788,12 @@ Dentro de la tradición, representar localizaciones o eventos **a través de la
767788
💡 Ejemplo
768789
</div>
769790
<div class="ejemplo_contenido">
770-
<center>![Puntos](media/UD07_Dots.png "Figura. Puntos. Fuente: [Moritz Stefaner](https://climate-conflict.org/www/data-pages/hazards)")</center>
791+
771792
</div>
772793
</div>
773794

795+
<center>![Puntos](media/UD07_Dots.png "Figura. Puntos. Fuente: [Moritz Stefaner](https://climate-conflict.org/www/data-pages/hazards)")</center>
796+
774797
<div class="concepto">
775798
Trayectorias
776799
</div>
@@ -782,10 +805,12 @@ Las rutas, especialmente las correspondientes al transporte aéreo o marítimo,
782805
💡 Ejemplo
783806
</div>
784807
<div class="ejemplo_contenido">
785-
<center>![Trayectorias](media/UD07_Trajectories.png "Figura. Trayectorias. Fuente: [Audubon](https://explorer.audubon.org/)")</center>
808+
786809
</div>
787810
</div>
788811

812+
<center>![Trayectorias](media/UD07_Trajectories.png "Figura. Trayectorias. Fuente: [Audubon](https://explorer.audubon.org/)")</center>
813+
789814
<div class="concepto">
790815
Coropletas
791816
</div>
@@ -797,10 +822,12 @@ La división del territorio en márgenes y límites de diversa índole, tales co
797822
💡 Ejemplo
798823
</div>
799824
<div class="ejemplo_contenido">
800-
<center>![Coropletas](media/UD07_Choro.png "Figura. Coropletas. Fuente: [Reuters](https://www.reuters.com/graphics/GERMANY-ELECTION/RESULTS/movaynkgova/)")</center>
825+
801826
</div>
802827
</div>
803828

829+
<center>![Coropletas](media/UD07_Choro.png "Figura. Coropletas. Fuente: [Reuters](https://www.reuters.com/graphics/GERMANY-ELECTION/RESULTS/movaynkgova/)")</center>
830+
804831
<div class="concepto">
805832
Teselas (Tiles)
806833
</div>
@@ -812,10 +839,12 @@ Determinados productos satelitales o modelos numéricos para el estudio del sist
812839
💡 Ejemplo
813840
</div>
814841
<div class="ejemplo_contenido">
815-
<center>![Teselas](media/UD07_Tiles.png "Figura. Teselas. Fuente: [Mortiz Stefaner](https://project-ukko.net/map.html)")</center>
842+
816843
</div>
817844
</div>
818845

846+
<center>![Teselas](media/UD07_Tiles.png "Figura. Teselas. Fuente: [Mortiz Stefaner](https://project-ukko.net/map.html)")</center>
847+
819848
<div class="concepto">
820849
Contornos
821850
</div>
@@ -827,10 +856,12 @@ La **interpolación entre valores adyacentes** en una superficie permite crear c
827856
💡 Ejemplo
828857
</div>
829858
<div class="ejemplo_contenido">
830-
<center>![Contornos](media/UD07_Contour.png "Figura. Contornos. Fuente: [ABC30](https://abc30.com/post/central-california-map-fire-sierra-nevada-wildfire-danger/10843964/)")</center>
859+
831860
</div>
832861
</div>
833862

863+
<center>![Contornos](media/UD07_Contour.png "Figura. Contornos. Fuente: [ABC30](https://abc30.com/post/central-california-map-fire-sierra-nevada-wildfire-danger/10843964/)")</center>
864+
834865
<div class="concepto">
835866
Tres dimensiones
836867
</div>
@@ -842,10 +873,12 @@ El incremento de **la capacidad computacional** ha permitido el desarrollo en la
842873
💡 Ejemplo
843874
</div>
844875
<div class="ejemplo_contenido">
845-
<center>![Tres dimensiones](media/UD07_3D.png "Figura. Tres dimensiones. Fuente: [The Pudding](https://pudding.cool/2018/10/city_3d/)")</center>
876+
846877
</div>
847878
</div>
848879

880+
<center>![Tres dimensiones](media/UD07_3D.png "Figura. Tres dimensiones. Fuente: [The Pudding](https://pudding.cool/2018/10/city_3d/)")</center>
881+
849882
<div class="concepto">
850883
Agrupación (<i>Binning</i>)
851884
</div>
@@ -857,10 +890,12 @@ Tradicionalmente realizado con hexágonos, la **clusterización en polígonos re
857890
💡 Ejemplo
858891
</div>
859892
<div class="ejemplo_contenido">
860-
<center>![Agrupaciones](media/UD07_Hexbin.png "Figura. Agrupaciones. Fuente: [Moritz Stefaner](https://truth-and-beauty.net/projects/achingenzell)")</center>
893+
861894
</div>
862895
</div>
863896

897+
<center>![Agrupaciones](media/UD07_Hexbin.png "Figura. Agrupaciones. Fuente: [Moritz Stefaner](https://truth-and-beauty.net/projects/achingenzell)")</center>
898+
864899

865900
*************************************************************************************************************
866901

0 commit comments

Comments
 (0)