Cristian Castro: Proyecto GD

De Casiopea



Título
Palabras ClaveGráfica Digital, Diseño Gráfico, 2010, Visualización, Proyecto
Período2010-2010
CarrerasDiseño Gráfico
Alumno(s)Cristian Castro
ProfesorHerbert Spencer


Visualización de Datos

Popularidad Musical

estudio de la red social Last.Fm

La visualización en processing a realizarse pretende enfocarse en el ambiente musical de la red social Last.fm. La idea principal de esta visualización es mostrar las variaciones de los gustos musicales de los usuarios desde Enero del 2006 hasta Agosto del 2010. Para esto se confía en que es más factible realizar el seguimiento en función de los temas más escuchados, para así obtener una variedad más amplia de estilos musicales a través del tag más popular del artista.

Variables

  • 20 temas más escuchados por mes
  • Artista al que corresponde cada tema
  • Tag más popular del artista


Al final de este seguimiento se espera obtener un resultado que pueda visualizar el transcurso de la evolución de los gustos musicales durante este año.

Primera Propuesta de Visualización

Fundamento estructural y cromático

Los datos que se quieren mostrar, se dispondrán en 6 grupos. Estos grupos son el resultado de los tags más populares de la red social Last.fm, siendo estos: Alternative, Indie, Rock, Electronic, Female vocalist, Pop

Al obtener estos datos se comienza a buscar una visualización basada en lo expuesto anteriormente, llegando a observar los esquemas del color a través de la Historia. Por lo tanto esta primera propuesta de visualización está estructurada en el diagrama esquemático del color de Michel Eugène Chevreul, realizada en 1855 basada en el modelo RYB [Red, Yellow, Blue].

400px

Posteriormente se analoga el esquema de Chevreul con el ágata [conjunto de variedades microcristalinas del cuarzo (sílice), mejor dicho, son variedades de calcedonia que presentan bandas de varios colores poco contrastados], ya que presentan distintos niveles cromáticos, en los cuales se observan distintas alturas lineales.

Primeros esquemas

Primer Esquema.jpg

Segunda Propuesta de Visualización

Esta propuesta se basa en el estudio de los tag mas populares de la red social Last.fm entregados a traves de su herramienta API. Esta propuesta pretende recopilar todos los tags populares con la respectiva cantidad de oyentes, y así poder agruparlos segun sus similitudes.

Datos recopilados [versión 1]

A continuación se presenta el primer archivo con los datos recopilados [tags] de mayor a menor cantidad de oyentes y al lado el grupo correspondiente.

Esquemas de Ordenación de cada Agrupación

Posteriormente se agrupan los tags y se empiezan a relacionar unos con otros en función de su origen musical. En estos esquemas se aprecian dos versiones. La primera corresponde a una agrupación básica basada en la descripción de cada tag o estilo musical, dependiendo del origen musical que entrega la descripción de la red social Ejemplo:Synthpop. La segunda versión corresponde al avance del primer acercamiento de ordenación.


Esquemas de Ordenación Completo

El esquema de ordenación posee dos variables de relación. La Directa y la Indirecta. La Relación Directa corresponde al esqueleto del esquema. La relación entre el estilo musical sucesor y su antecesor se basa en la cercanía musical que existe entre ambos. La Relación Indirecta muestra el flujo de relaciones. La relación entre sucesor y antecesor es complementaria a la directa y no afecta en la estructura dada por la Relación Directa.

Esquema Inicial

Codigo Inicial Processing

Código:



// import library
import de.bezier.data.*;


// declare variables
XlsReader reader;
float x,y;
float nameposY;
float namenivY;
int rowNum;
int nivel;

void setup ()
{
    size( 600, 400 );
    noStroke();
    fill( 0 );
    background( 255 );
    smooth();

    reader = new XlsReader( this, "NuevosDatos2.xls" );

    reader.firstRow();

   while ( reader.hasMoreRows() )    // loop thru rows
    {
        // jump to first data row and its first cell
        // don't forget this or you'll be stuck in an endless loop
        reader.nextRow();
        String name = reader.getString();    // estilo musical
        if ( name.indexOf(":") != -1 ) break;    // exit loop once we reach the end of the values at ":=Nicht verfügbar"
                                                 // .. look at the end of the xls file to see what i'm checking against
        reader.nextCell();    // nivel
        text (name, 40, 200);
        println (name);
        }
    }


Ideas Codigo Processing

Código:


float x,y;
String name = reader.getString();
y = nivel;
nivel = (height/cantidad de niveles)*valornivelexcel;
text (name; x,y);

x = if (name = nivel1 o nivel2 o nivel3.......nivel12) { //si name se encuentra en tal nivel
      name a = (x,y);
      name b = (x,y);
      name c = (x,y);   //ubicar el name a,b,c en tal coordenada
}

x = width/numero de nombres por nivel


Propuesta final de Visualización

La propuesta final se basa en los árboles genealógicos que construyen relaciones de antecesor y sucesor.

Arquitectura de la Información

La estructura de la visualización se realiza continuando con las realizadas con anterioridad, es decir, con 12 niveles jerárquicos. El nivel con mayor jerarquía es el nivel uno y el de menos es el nivel 12.

Grafía

Los valores gráficos de jerarquía que se utilizan son los tipográficos, lineales y cromáticos.


Lámina del proceso constructivo y visualizaciones

Fuentes