Coder Social home page Coder Social logo

jstet / basel-viz Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 1.65 MB

Visualizing global trade flows of hazardous waste reported under the Basel Convention

Home Page: https://basel-viz.jstet.net

Python 17.69% Dockerfile 0.83% Shell 0.86% HTML 0.20% Svelte 76.02% JavaScript 4.36% CSS 0.04%
data docker fastapi postgres svelte vis visualization

basel-viz's Introduction

basel-viz's People

Contributors

freyamossig avatar jstet avatar xeniasaar avatar

Watchers

 avatar

basel-viz's Issues

Highlight countries in some way

Its not that obvious to whoch country a donut belongs so maybe we should highlight the borders of a country or color the country based on smth

let api return json for flows in specified form

[
            {
                "origin_code": "ad",
                "dest_code": "de",
                "un_classes": [
                    { label: "UN1", value: 10 },
                    { label: "UN2", value: 22 },
                    { label: "UN3", value: 30 },
                    { label: "UN4", value: 0},
                    { label: "UN5", value: 50 },
                    { label: "UN6", value: 0},
                ]
            },
            {
                "origin_code": "fr",
                "dest_code": "de",
                "un_classes": [
                    { label: "UN1", value: 10 },
                    { label: "UN2", value: 20 },
                    { label: "UN3", value: 3 },
                    { label: "UN4", value: 25 },
                    { label: "UN5", value: 0},
                    { label: "UN5", value: 50 },
                ]
            },
            {
                "origin_code": "br",
                "dest_code": "fr",
                "un_classes": [
                    { label: "UN1", value: 10 },
                    { label: "UN2", value: 0},
                    { label: "UN3", value: 30 },
                    { label: "UN4", value: 0},
                    { label: "UN5", value: 12},
                    { label: "UN6", value: 50 },
                ]
            },
        ]
  • include all labels even when amount is zero
  • aggregate for selected years

let api return json for point/donut in specified format

[
            {"country_code":"ad",
                "un_classes": [
                    { label: "UN1", value: 20 },
                    { label: "UN2", value: 5 },
                    { label: "UN3", value: 12 },
                    { label: "UN4", value: 0 },
                    { label: "UN5", value: 7 },
                    { label: "UN6", value: 9 },
                ]},
            {"country_code":"fr",
                "un_classes": [
                    { label: "UN1", value: 20 },
                    { label: "UN2", value: 30 },
                    { label: "UN3", value: 0},
                    { label: "UN4", value: 0},
                    { label: "UN5", value: 45 },
                    { label: "UN6", value: 0}
                ]},
            {"country_code":"br",
                "un_classes": [
                    { label: "UN1", value: 20 },
                    { label: "UN2", value: 16 },
                    { label: "UN3", value: 0},
                    { label: "UN4", value: 70 },
                    { label: "UN5", value: 12 },
                    { label: "UN6", value: 4 }
                ]},
            {"country_code":"de",
                "un_classes": [
                    { label: "UN1", value: 120 },
                    { label: "UN2", value: 4 },
                    { label: "UN3", value: 0},
                    { label: "UN4", value: 70 },
                    { label: "UN5", value: 12 },
                    { label: "UN6", value: 4 }
                ]}
        ]
  • so viele label wie UN Classes, auch, wenn die values 0 sind (hier nur mit 6 exemplarisch, irl haben wir mehr classes)

Optimize SQL query

somehow one query instead of two to return bi and unidirectional flows

Write texts

  • Title and teaser always visible in upper left corner
  • Modal content with description of how we processed the data etc.

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.