React + Vite
O Diagrama de Nolan (ou gráfico político de Nolan) é uma representação bidimensional usada para visualizar ideologias políticas de forma mais precisa do que o tradicional eixo esquerda-direita. Ele separa dois eixos principais:
- Eixo vertical: representa o grau de liberdade pessoal vs autoritarismo (liberdade civil).
- Eixo horizontal: representa o grau de liberdade econômica vs controle estatal.
Com isso, surgem quatro quadrantes principais que combinam diferentes níveis de liberdade econômica e pessoal, como:
- Liberalismo
- Conservadorismo
- Progressismo
- Totalitarismo
O app permite arrastar e soltar ícones de ideologias ou representantes (logos) dentro do plano cartesiano do Diagrama de Nolan. Funciona assim:
- O usuário arrasta uma imagem da sidebar (ex: React, Vue, Svelte).
- Solta a logo dentro do quadrante desejado.
- A logo é posicionada no local exato onde foi solta, com suporte a movimentação livre dentro do plano.
- Cada quadrante do diagrama tem uma cor distinta e está dividido por um grid com linhas para referência visual.
- Os títulos dos eixos ajudam o usuário a entender o contexto político de cada posição.
- O usuário também pode clicar em uma logo para removê-la e devolvê-la à sidebar.