Widget: Update accident_count_by_accident_type widget

[MichalOren]

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 (FE)
• Add information text (BE)

Visualization explanation
New display

Current display

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.

[ziv17]

Hi @atalyaalon @yuvalbl ,
Who from the FE team should I work with to coordinate the API format for this widget?
Thanks, Ziv

[atalyaalon]

@ziv17 Let's keep the same format for now - since widget already exists in FE, but with multiple categories.
Also, widget uses Hebrew field (accident_type_hebrew), I suggest using the accident_type and create relevant constants.

[atalyaalon]

Also @shaysw needs to create a similar title to a different widget (#2109) - I suggest you coordinate how this should look like

[ziv17]

Hi @MichalOren , @danielsh28 @atalyaalon
BE work is done and merged. Is there a twin task in the FE repository?

[MichalOren]

Hi @ziv17 👍 greate
@atalyaalon @danielsh28
No twin task in the FE repository. will it help if I open one for FE?
I checked recent jason of a newsflash(from 10.03- using postman) i can still see multiple types?
when the change will be visble?

[ziv17]

Hi @MichalOren , what do you mean by "multiple types"?
I do not know what environment you are using. It is visible in this repository in branch dev.

[atalyaalon]

Local API Link for example- 127.0.0.1:8080/api/infographics-data?news_flash_id=16577&years_ago=8&lang=he
Server API Link for example

    {
        "name": "accident_count_by_accident_type",
        "data": {
            "items": [
                {
                    "accident_type": "התנגשות",
                    "count": 120
                },
                {
                    "accident_type": "החלקה",
                    "count": 4
                },
                {
                    "accident_type": "התהפכות",
                    "count": 3
                }
            ],
            "text": {
                "title": "מספר תאונות לפי סוג"
            }
        },
        "meta": {
            "rank": 6,
            "information": "התפלגות תאונות לפי סוג התאונה במקטע, בפרק הזמן הנבחר. מוצגים 3 סוגי התאונות הנפוצים ביותר במקטע זה."
        }
    },

@MichalOren @ziv17 FYI

[ziv17]

BE work is completed.