tech radar

Motivação

Em Zalando, mantemos um radar de tecnologia pública para ajudar nossas equipes de engenharia a se alinharem às opções de tecnologia. É baseado no trabalho pioneiro das trabalhos de pensamento.

Este repositório contém o código para gerar a visualização: radar.js (com base no d3.js v4). Sinta -se à vontade para usá -lo e adaptá -lo para seus próprios propósitos.

Uso

1. incluem d3.js e radar.js :

 < script src =" https://d3js.org/d3.v4.min.js " > </ script >
< script src =" https://zalando.github.io/tech-radar/release/radar-0.9.js " > </ script >

2. Insira uma tag svg vazia:

 < svg id =" radar " > </ svg >

3. Configure a visualização do radar:

 radar_visualization ( {
  repo_url : "https://github.com/zalando/tech-radar" ,
  svg_id : "radar" ,
  width : 1450 ,
  height : 1000 ,
  scale : 1.0 ,
  colors : {
    background : "#fff" ,
    grid : "#bbb" ,
    inactive : "#ddd"
  } ,
  // Some font families might lead to font size issues
  // Arial, Helvetica, or Source Sans Pro seem to work well though
  font_family : "Arial, Helvetica" ,
  title : "My Radar" ,
  quadrants : [
    { name : "Bottom Right" } ,
    { name : "Bottom Left" } ,
    { name : "Top Left" } ,
    { name : "Top Right" }
  ] ,
  rings : [
    { name : "INNER" ,  color : "#5ba300" } ,
    { name : "SECOND" , color : "#009eb0" } ,
    { name : "THIRD" ,  color : "#c7ba00" } ,
    { name : "OUTER" ,  color : "#e09b96" }
  ] ,
  print_layout : true ,
  links_in_new_tabs : true ,
  entries : [
   {
      label : "Some Entry" ,
      quadrant : 3 ,          // 0,1,2,3 (counting clockwise, starting from bottom right)
      ring : 2 ,              // 0,1,2,3 (starting from inside)
      moved : - 1             // -1 = moved out (triangle pointing down)
                            //  0 = not moved (circle)
                            //  1 = moved in  (triangle pointing up)
                            //  2 = new       (star)
   } ,
    // ...
  ]
} ) ;

As entradas estão posicionadas automaticamente para que não se sobreponham. O parâmetro "escala" pode ajudar a ajustar o tamanho do radar.

Como exemplo de funcionamento, você pode conferir docs/index.html - a fonte de nosso radar de tecnologia pública.

Implantação

O Radar Tech é uma página estática, para que possa ser implantada usando qualquer provedor de hospedagem de sua escolha, oferecendo hospedagem de página estática.

Desenvolvimento local

1. Instale dependências com fios (ou npm):

 yarn 

2. Inicie o servidor de desenvolvimento local:

 yarn start

3. Seu navegador padrão deve abrir e mostrar o URL automaticamente

 http://localhost:3000/

Licença

 The MIT License (MIT)

Copyright (c) 2017-2024 Zalando SE

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.