Skip to content

theodi/data-ethics-canvas

 
 

Repository files navigation

Data Ethics Canvas

You can use this tool to view different translations on different both the colour and black and white Data Ethics Canvases.

This can be acheived by simply changing the lang and color query parameters e.g.

https://theodi.github.io/data-ethics-canvas/?lang=en&color=greyscale

lang = Any language in the lang directory

color = colour OR greyscale only (default is colour)

How to submit a translation

In the lang folder, take an existing translation to edit and create a new file with your language code as the filename.

Carefully translate the contents and send it back to us as a pull request.

However, if you are new to Github/unsure how pull requests work then we ask that you download and save this file to your computer. Open the file in your local text editor e.g. TextEdit on Mac or Notepad on Windows. This file is in the JSON format . Make sure to directly change the "title" and "questions" one-by-one without making changes to the overall structure.

Please see the gif below:

Once you have made changes to every "title" and "questions" then email us at the ODI to implement these changes.

How to re-arrange the canvas

Assuming you want to choose the where the data is placed with in the bubbles — we will use something called appendChild. Append child is how we put an item inside of another item.

So, lets say we want to put the the first piece of text inside the 3rd bubble

This text

Inside of

To look like this

We use appendChild. AppendChild is exactly the same as saying 'container 3 will contain the data in container 1'. So, lets do this directly below where it says //CHANGE CODE HERE in your main.js file:

Repeat this process deciding where you want to insert the text into which bubbles.

Double click on your html file to see the results

When you are happy with what goes where, we can move on to changing the print settings.

Here is a finished example:

Change the destination to 'save as PDF'. Change the layout setting from portrait to landscape. Click on more settings and change the scale to 80.

Once all of these changes have been made press print

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 45.4%
  • JavaScript 39.9%
  • CSS 14.7%