Git Product home page Git Product logo

ink's Introduction

Ink


Ink is an interactive visual tool for exploring correspondence data developed within the Athanasius project. It provides three different views on the data:

  • a map showing the path of each letter (source/destination)
  • a time-based stacked bar for comparing the composition of correspondent groups over time
  • an alluvial diagram highlighting the relations between three (or more) dimensions of the data related to correspondents

The three visualizations are interrelated: by choosing a specific dimension or value in the alluvial diagram it will be possible to see its distribution over time, in the stacked bar.

###Data model

Three main data collections (as JSON files into /data folder) are used:

light.json
Contains the collection of letters in a lightweight format:

[
	{
		a : "authorId",
		d : "destinationId",
		s : "sourceId",
		r : "recipientId",
		t : "year",
		id : "letterId"
	}, 
	...
]

people.json
Contains the collection of persons in a single JSON object (keys are persons'id)

{
	"personId":
		{
			"Name": "...",
			"Gender": "…",
			"Milieu1": "…",
			"Milieu2": "…",
			"Milieu3": "…",
			"Nationality": "...",
			"Id": "personId"
		},
		...
}

places.json
Similar to places.json, contains the collection of places in a single JSON object (keys are persons'id)

{
	"placeId":
		{
			"City": "",
			"PlaceName": "",
			"Country": "",
			"Region": "",
			"FullName": "",
			"_id": "",
			"InLocationDB": ""
		},
		...
}

###Technology

From a technological point of view, Ink is a web applications using PHP and Python for processing and serving the data and JavaScript (d3 and jQuery libraries) for the visualizations and the UI.

ink's People

Contributors

giorgiocaviglia avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

bx5974

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.