Somos un pequeño estudio de diseño de información con sede en Madrid. Nos encanta hacer comprensibles los asuntos complejos, a través de datos, tecnología y diseño.

Hemos trabajado con empresas privadas, ONGs e instituciones gubernamentales - también en nuestros propios proyectos de exploración: Visualizaciones de datos interactivas, gráficas innovadoras y narrativas basadas en datos son parte de nuestro variado portfolio

Proyectos

Red Planea: explorador de iniciativas

Explorando una red de prácticas artísticas en escuelas públicas

La Imagen del INI

Una instalación interactiva para explorar 30 años de la revista "INI (Instituto Nacional de Industria)"

Mapeando la educación cívica en Europa

El primer mapa europeo de organizaciones de educación cívica. Un proyecto para The Civics Innovation Hub.

Agenda Urbana

Diseño y desarrollo de una plataforma de visualización de datos de indicadores urbanos, escalable a distintos ayuntamientos.

La cooperación para el desarrollo en los gobiernos locales

Una plataforma de datos para mostrar el esfuerzo de cooperación al desarrollo de ayuntamientos y otras entidades locales en España

Coopera Salud

Un reporte anual sobre Salud y Cooperación Internacional.

Connected Action Commons

A visual interactive report on ECF activities.

servicios

Somos expertos en la entrega de proyectos “llave en mano“, integrando diseño y desarrollo

Desarrollo
Trabajamos con tecnologías modernas como VUE, tailwind o d3. Procesamos data con R o Pyhthon y automatizamos los flujos de datos con acciones de github o netlify. Gracias a nuestras habilidades 'full-stack' estamos listos para desarrollar todo tipo de ideas - desde proyectos basados en gráficas estandarizadas hasta visualizaciones de datos complejas y personalizadas.

Alfabetización de datos para organizaciones
Ayudamos a las organizaciones a comprender el valor de los datos y cómo trabajar con ellos de manera inteligente. Ofrecemos talleres y capacitación para mejorar la alfabetización y la cultura de datos en su organización.

Modelado de datos y construcción de bases de datos
Podemos transformar su información desorganizada en datos estructurados que se pueden procesar. Listos para ser entrar en un flujo de visualización de datos.

Diseño de interfaces para la exploración de datos
Nos encanta construir herramientas simples y llenas de interactividad, para exploradores de datos que quieren encontrar lo que no sabían que estaba buscando.

Instalaciones de datos / arte con datos
Nos encanta que nuestros datos salgan de la pantalla, creando piezas para exposiciones y museos.

Empatizamos con nuestros clientes. Nos mueve una perspectiva centrada en el usuario y nos esforzamos por alcanzar la mejor solución a través de tantas iteraciones y sesiones críticas como sean necesarias.

Clientes

nosotros

El núcleo somos Alfredo y Sergio. Nos conocimos en Medialab-Prado en Madrid hace muchos años y desde entonces hemos colaborado en varios proyectos debido a nuestro interés compartido en el diseño y la programación creativa.

,,,,,,,,,...................................................
..,,,,,.....................................................
.......................,:;+*??%?++;,........................
....................,;%#@@@@@@@@@@@S?*:,....................
...................;S@@@@@@@@@@@@@@@@@@S;...................
..................+@@@@@@@@@@@@@@@@@@@@@#:..................
..................S@@@@@@@@@@@@@@@@@@@@@@*..................
.................:@@@@@@@@@@@@@@@##SS###@%..................
.................+@@@@@@@@@@@@@@#S%*++%S@S..................
.................;@@@@@@@@@#@@@@#?:,,:*%S?..................
.................,S@@@@@@@#%??%?+:,,,,;*%?,.................
..................;SS@@@#S?***+:,,,,,,.:?;:.................
..................:?%#@@#S??**??%%*+:,,,;+,.................
..................,*S#####@S+:+%SS+:,,,,,;,.................
..................,*%SS%%S#S+.,;++:,,,,,,;,.................
..................:?%SS%S#SS*,,:;+++;,,:,;,.................
..................,%SSSS###S*,,+%*;:,,,,::..................
...................,+S####@#S?%*;,:::,,,+?,.................
.................,;+?S??@@@@#%+:,::,,,.+#@%,................
..............,::%@@@S%%#@#S%*;,,,,,,.:%#@#+,...............
.......:;++???S#@@@@@####SS%%?*;;,,,.:S#@##%%+,,,...........
....,;?#@@@@@@@@@@@@@###SSS%??***+;,,S@@SSS?SS+;;;:,........
...,?#@@@@@@@@@@@@@@@##S%%%??**+++;:?@##S#??%S%;++**;:,.....
..,?#@@@@@@@@@@@@@@@##S??***++++;;;?######%%%S#*+?+??*+;:,..
..*#@@@@@@@@@##@@@@@##S%**??*;++;+S###@@SSS%%S#%;??*?*++;::,
.;###@@@@@@@@@##@@###S%%?++**++;+####@@#%%SSS#%#*+%****+;:::
.?@@@@@@@#@@@@##@###S%%???*+;;::S@#@@@#S###SSS%#S+??+**+;;::
:S@@@@@@#@@@@@###SSS%?******+;:%@@@@@#S##SSSSSS#@?+?*+*+;+;;
%#@@@@@###@@@@###S%?????**++;;*@@@@@@#S##SS%##SSS#+*?+*+;+++
#@@@@@@#####%S#####%??***++;;*@@@######@#SSS#%%S##?+*+;++*+*

Sergio Galán

Data Visualization Engineer.
He estado trasteando con ordenadores, webs y tecnologías interactivas desde que era adolescente. Me formé como ingeniero de telecomunicaciones y diseñador de interacción, y me encanta construir interfaces complejas donde fluyen los datos y la gente puede interactuar con ellos para encontrarles sentido

............................................................
............................................................
........................,,,,,,,,,...........................
....................,,,:::::::::,,,,........................
..................,,:::::::::::::::,,,,.....................
................,::::;;;:;::::::::::::,,....................
...............,:;;;;;;;;;:::,:::::::::,,...................
...............,;+++++;;;;;;::::::;;;;::,,..................
...............:++++++;;;;;;;;;:::;;;;;::,..................
..............,;++++++;;;;;;;;::::;;;;;;:,..................
..............,:++++*****+++++++**?**+;;::,.................
...............:;+***??%%%?**??%%%??****+;,,,...............
.............,,;+?????%%%%%?**%%%%%%???%*;++:...............
.............:+++*??****??%+::*?*?*****++;++,...............
.............,++;+**+******+;;+**++++++++;+:................
..............,+++***++**?*+;;++*+++++++++;,................
...............:++**++++*?**+++****+++++++:.................
................:+++++***?%%%%S%**??*++++;..................
.................;+*****??%S##SS?????*++*:..................
.................,+***?%%SSSSSSSSSSS%?**+...................
..................:*??%SS%%%%%%%%%%%%%%?:...................
...................;?%%?%%%%%%%???*+*%%;....................
.................,;*****???????****++**?;...................
..............,:;*%S?***?*??????******?S%+;,,...............
..........,:;+?%%%SSS%???????%???****?SSS??*+;:,............
.......,:+*?%%%%%S####S%?????????*??%###S???****+:,,........
...,:;;*???%%%%%SSS#####S%%???????%S###S%%%??????**+;:,,....
,:;*?????%%%%%%SSSSSS#####SS%%%%%S####S%%%%%????????***+;,,.
*???%???%%%%%%%%SSSSSS###@####S#####SS%%%%%%%%???????????*+;
???%%%?%%%%%%%%%SSSSSSSSS#########SS%%%%%%%%%%%%%%%%%%??????

Alfredo Calosci

Communication Designer.
Arquitecto de formación, cambié mi carrera a la de consultor freelance en el área de diseño web, diseño de interacción, comunicación visual y codificación creativa. También soy investigador en el Departamento de Diseño, Arquitectura y Urbanismo en Alghero.

Tomamos prestado nuestro nombre de la aclamada obra de Etienne Jules Marey de 1846, ”Le Methode Graphique.”

Marey quería entender fenómenos físicos complejos, como el movimiento del cuerpo o los fluidos. Para hacer eso, usó nuevas maquinarias para traducir el mundo físico en imágenes y diagramas que pudieran estudiarse.

En español, ”el método gráfico” es lo que llamamos la técnica para resolver sistemas de ecuaciones trazando fórmulas. Ambos ejemplos incluyen una idea central: Use el poder de la representación visual para comprender, o “pensar con la vista.“

Etienne-Jules Marey, Linear Graph of Running Man in Black with White Stripes, ca. 1882,
in “La station physiologique de Paris,” La Nature Via

the

the

graphic
method