Menu laterale e grafici - #6
Merged
Merged
Conversation
Due cose che mancavano rispetto ai mockup analizzati. Il menu laterale sostituisce la fila di tab in cima: in alto l'anagrafica, sotto le viste dell'azienda aperta, in fondo quelle non ancora costruite — elencate e spente, con la fase accanto. Un menu che si allunga a sorpresa disorienta più di uno che dichiara cosa manca. La navigazione vive nel guscio dell'applicazione e non dentro le pagine, così il menu resta fermo mentre il contenuto cambia. I grafici, con Recharts: serie di ricavi, costi ed EBITDA; barre di EBITDA e utile netto; andamento della liquidità; composizione dei costi a ciambella; barra del break-even con il margine di sicurezza. Le serie storiche leggono un nuovo endpoint /series, che calcola gli aggregati di ogni periodo caricato. Sotto i due periodi il riquadro spiega perché è vuoto: una linea piatta su un punto solo sembrerebbe un dato, e non lo è. Ciambella e barra del break-even bastano invece di un periodo solo. Nella serie, "costi totali" sono i costi operativi prima degli ammortamenti: così ricavi − costi = EBITDA esattamente, e le tre linee si leggono senza doverci credere sulla parola. Una barra negativa si colora di rosso: su un utile è l'informazione più importante del grafico. E le etichette dell'asse si accorciano a "Gen" — "Gennaio 2026" non ci sta — con l'anno solo quando la serie ne attraversa più di uno. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Due cose che mancavano rispetto ai mockup.
Menu laterale
Sostituisce la fila di tab in cima: in alto l'anagrafica, sotto le viste dell'azienda aperta, in fondo quelle non ancora costruite — elencate e spente, con la fase accanto. Un menu che si allunga a sorpresa disorienta più di uno che dichiara cosa manca.
La navigazione vive nel guscio dell'applicazione e non dentro le pagine, così il menu resta fermo mentre il contenuto cambia.
Grafici
Con Recharts, come previsto da §2:
Le serie storiche leggono un nuovo endpoint
/series, che calcola gli aggregati di ogni periodo caricato. Sotto i due periodi il riquadro spiega perché è vuoto invece di disegnare una linea piatta su un punto solo, che sembrerebbe un dato. Ciambella e break-even bastano invece di un periodo solo.Dettagli che cambiano la lettura
Nella serie, "costi totali" sono i costi operativi prima degli ammortamenti: così
ricavi − costi = EBITDAesattamente, e le tre linee si leggono senza doverci credere sulla parola.Una barra negativa si colora di rosso: su un utile è l'informazione più importante del grafico.
Le etichette dell'asse si accorciano a
Gen— "Gennaio 2026" non ci sta — e l'anno compare solo quando la serie ne attraversa più di uno.🤖 Generated with Claude Code