data-for-change / anyway-tasks Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
On FE: Barak will create the FE (FE issue
On BE: @ziv17 will create the API (BE issue)
Barak and Ziv, please discuss the API structure
API Includes:
Name
accident_count_by_severity_urban
Widget for accidents in urban street resolution for all accident types at a specific street.
Title
accident_count_by_severity_urban
Visualization
Sample graphic image of the widget that will be displayed by FE.
Visualization explanation
Similar to accident_count_by_severity widget, show by type : critical, severe and light accidents
Additional context
API widget structure provided by BE team:
{
"name": "accident_count_by_severity_urban",
"data": {
"items": {
"severity_severe_count": 33,
"severity_light_count": 822,
"severity_fatal_count": 0,
"start_year": 2014,
"end_year": 2021,
"total_accidents_count": 855
},
"text": {
"title": "בשנים 2014 - 2021 ברחוב ז'בוטינסקי, רמת גן, התרחשו 855 תאונות"
}
},
"meta": {
"rank": 1,
"information": "כמות התאונות הקטלניות, הקשות והקלות במקטע בפרק הזמן הנבחר."
}
}
FE Team - Note:
This widget exists for interurban accidents (with the name accident_count_by_severity)
Please duplicate it for street resolution
For best practices - we can also make sure that the widget's name will be exactly the same as interurban (meaning change the widget's name from accident_count_by_severity_urban to accident_count_by_severity)
However - beforehand we want to make sure we do not break anything in the FE first.
Link to an urban newsflash:
https://anyway-infographics-staging.web.app/newsflash/108495
This issue is to coordinate the work on BE issue 2122 with same name:
Name
Required changes to widget accident count by accident type
Title
accident_count_by_accident_type widge
Required changes
• Add Title - years and widget name to heading (BE & FE)
• Add filter “top 3 types” results (BE)
• Pie will display only “top 3 types” results (FE)
• Enlarge pie size (FE)
• Remove years details below (?)
• Add information text (BE)
Visualization explanation
New display
image
Current display
image
Use case
When this infographic should be displayed: allways
Information Tag
Will include the following description:
התפלגות תאונות לפי סוג התאונה במקטע, בפרק הזמן הנבחר. מוצגים 3 סוגי התאונות הנפוצים ביותר במקטע זה.
Additional context
Definition will be used by BE team to generate a Json response to FE
Definition will be provided by Data team, after internal review
Definition will be written in English and should use language agnostic definitions and data structures
(e.g. SQL columns) as much as possible.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.