Idea

Friendly : we want to be junior devs friendly, in code, project structure, and npm depencies.
Simple : we want to keep this project's code simple. Simple to maintain even in current open source / volunteer-based context.
Open to new visual representation : the code should allow easy implementation multiple data representations in the future. This could include simple alternative template, or inclusion of a (vuejs) datavisualization library.

Proposition

The coder decides the reorganization. For now I suggest a simple split into :

• index.html
• css/styles.css
• js/main.js

Long term view

Possible representations of our daily consolidated Lingualibre data :

• [current] individual vignettes
• an overview table sorted by number of recordings
• parallel coordinates
• scatter plot
• languages cloud with native speakers population, words recorded on lingualibre

Ukrainian language is shown to have 27M speakers worldwide while in reality about 40M use it.
German is shown to have 77M while in reality it is about 140M.
It seems that there are problems with this number in a lot of languages

[EDIT] Issue closes, the following were disccussed.

• Wikidata inconsistency for Speakers (P1098) : native or all.
• Speaker of Ukrainian : 27M according to ethnologue.
• Better legend need to be coded / designed, issue #10 opened.

• Old: https://lingualibre.org/datasets/
• New: https://lingualibre.org/LanguagesGallery/
• Missing : https://lingualibre.org/datasets/Lingualibre_full.zip link to the concatenated archive

• Source : README.md#design
• Skills : either minimal HTML / CSS or graphic (svg) design skills

• to each vignette
• to each section

It would be great to be able to translate this interface.

At present, it is only available in English, which potentially limits its adoption by Lingua Libre users.

Notes

First, the current texts strings were all wrote by one single contributor ( hugolpz ). It would be better if some other writing styles and minds review, improve, merge or remove those strings, consolidating those. Then, we can start translating around.

Second, Wikimédia France is considering a full stack Lingualibre revamp. Their stack and approach is unknow to me at the moment. Due to limited JS dev human resources at the moment I would prefer to handle all translations with the same tech, same process. Preferably for me: Translatewiki + npm banana-i18n , as demonstrated in Lingualibre SignIt.

• Example : Translating:Lingua_Libre_SignIt

Todo

• Request on [Translating:New_project](https://translatewiki.net/wiki/Translating:New_project

On github :

• Create a i18n directory with base files
• Install banana-i18n
• Implement banana-i18n

Within the progress bar with blue bakcground, there are sub 2 elements for females and other genders.
But either span or div, and display:inline-block or display:block, I cannot get the 2 elements to fit as inlined elements within the progress bar.

After 3hours fights, I need help for that one.

Live code is there : https://hugolpz.github.io/LanguagesGallery/