Mockup

Mockup realizado con un editor grafico. La pagina web la tenemos separada en 4 zonas, d3, mockup, tableau y carto. Representamos donde van a ir cada division y sus mapas.

Mapa 1 - Analisis de la ciudad NY

En este mapa representamos los valores de analisis perspectiva de la ciudad de NY representamos graficamente cuantos taxis hay, de que tipo son, cuales son sus companias, numero de tasas cobradas, tipo de pago, total de impuestos y total de trayectos por dia. Tenemos 2 mapas de filtro, uno por colores de taxis, y otro por barrios.

Mapa 2 - Analisis del taxista - Nivel 1

Identificamos el numero de taxis que hay por cada zona de los barrios y por companias / color. Podemos filtrar por barrios

Mapa 3 - Analisis del taxista - Nivel 2

Representacion del numero de taxis por horas, mas prevision de la siguiente hora. Distancia media de millas, y precio medio por barrio. Se puede filtrar mediante los mapas color y mapa de barrios.

Mapa 4 - Analisis del taxista - Nivel 3

Sumatorio de todos los importes, suplementos, taxas, propinas, peajes etc, nº de pasajeros. Calculo de rutas de recogidas junto con su comparativa de llegadas, recogidas por barrios y llegadas. Todos los datos se pueden filtrar por mapa de color y mapa de barrios.

Mapa en Carto 1

Mapa de 3 capas, que representa los taxis por color, zonas de barrios y precio de venta (verde mas barato, rojo mas caro). Podemos filtrar por barrios y color.

Mapa en Carto 2

Mapa de calor de 3 capas, que representa los taxis por linea de tiempo en horas, zonas de barrios y sitios de interes. Podemos filtrar por barrios y color.

Ejercicios D3

Ejercicio con el atributo .transition()

Ejercicios Bucles

Varios ejercicios con bucles for.

Ejercicios SVG

Ejercicio realizado con SVG.