|
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
| 5 | + <meta |
| 6 | + name="description" |
| 7 | + content="DotMyStyle Tech Radar: Visualization of our technogical choices" |
| 8 | + /> |
| 9 | + <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 10 | + <title>DotMyStyle Tech Radar</title> |
| 11 | + <link rel="shortcut icon" href="https://www.dotmystyle.com/favicon.ico" /> |
| 12 | + <link |
| 13 | + href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" |
| 14 | + rel="stylesheet" |
| 15 | + integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" |
| 16 | + crossorigin="anonymous" |
| 17 | + /> |
| 18 | + |
| 19 | + <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| 20 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| 21 | + <link |
| 22 | + href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" |
| 23 | + rel="stylesheet" |
| 24 | + /> |
| 25 | + |
| 26 | + <script src="https://d3js.org/d3.v4.min.js"></script> |
| 27 | + <script src="radar.js"></script> |
| 28 | + <script src="entries.js" type="text/javascript"></script> |
| 29 | + |
| 30 | + <link rel="stylesheet" href="radar.css" /> |
| 31 | + </head> |
| 32 | + |
| 33 | + <body> |
| 34 | + <div class="container"> |
| 35 | + <svg id="radar"></svg> |
| 36 | + <script> |
| 37 | + console.log("Entries", entries_tech_radar); |
| 38 | + radar_visualization({ |
| 39 | + svg_id: "radar", |
| 40 | + width: 1450, |
| 41 | + height: 1000, |
| 42 | + colors: { |
| 43 | + background: "#fff", |
| 44 | + grid: "#dddde0", |
| 45 | + inactive: "#ddd", |
| 46 | + }, |
| 47 | + title: "DotMyStyle Tech Radar - 2023 Oct", |
| 48 | + quadrants: [ |
| 49 | + { name: "Languages and Frameworks" }, |
| 50 | + { name: "Infrastructure" }, |
| 51 | + { name: "Datastores and Data Management" }, |
| 52 | + { name: "Techniques" }, |
| 53 | + ], |
| 54 | + rings: [ |
| 55 | + { name: "ADOPT", color: "#5ba300" }, |
| 56 | + { name: "TRIAL", color: "#009eb0" }, |
| 57 | + { name: "ASSESS", color: "#c7ba00" }, |
| 58 | + { name: "HOLD", color: "#e09b96" }, |
| 59 | + ], |
| 60 | + print_layout: true, |
| 61 | + links_in_new_tabs: true, |
| 62 | + //ENTRIES |
| 63 | + entries: entries_tech_radar, |
| 64 | + //ENTRIES |
| 65 | + }); |
| 66 | + </script> |
| 67 | + <div class="row"> |
| 68 | + <h3>What is the Tech Radar?</h3> |
| 69 | + <p> |
| 70 | + The DotMyStyle Tech Radar is a curated collection of technologies, |
| 71 | + each accompanied by an evaluation known as a |
| 72 | + <em>"ring assignment"</em>. We utilize four distinct rings, each with |
| 73 | + its own specific meaning: |
| 74 | + </p> |
| 75 | + <ul> |
| 76 | + <li> |
| 77 | + <strong>ADOPT</strong> — These are technologies that we have |
| 78 | + immense confidence in to fulfill our objectives, even at a large |
| 79 | + scale. They have a well-established usage culture within our |
| 80 | + production environment, pose low risks, and are strongly recommended |
| 81 | + for widespread adoption. |
| 82 | + </li> |
| 83 | + <li> |
| 84 | + <strong>TRIAL</strong> — These are technologies that have |
| 85 | + demonstrated success in solving real-world problems during project |
| 86 | + work. They represent our initial experiences confirming their |
| 87 | + benefits and uncovering potential limitations. TRIAL technologies |
| 88 | + are somewhat riskier, as they are still in the early stages of our |
| 89 | + organization's adoption. Engineers who have ventured into this |
| 90 | + territory will share their knowledge and insights. |
| 91 | + </li> |
| 92 | + <li> |
| 93 | + <strong>ASSESS</strong> — These technologies show promise and |
| 94 | + offer clear potential value to us. They are worth investing in |
| 95 | + research and prototyping efforts to determine their impact. ASSESS |
| 96 | + technologies come with higher risks, as they are often brand new and |
| 97 | + largely untested within our organization. You can find engineers |
| 98 | + with expertise in these technologies who advocate for them, and some |
| 99 | + teams might have initiated prototyping projects. |
| 100 | + </li> |
| 101 | + <li> |
| 102 | + <strong>HOLD</strong> — Technologies in this category are not |
| 103 | + recommended for new projects. We believe they are not yet worth |
| 104 | + further investment. While they may not be suitable for new |
| 105 | + endeavors, existing projects can continue using HOLD technologies. |
| 106 | + </li> |
| 107 | + </ul> |
| 108 | + </div> |
| 109 | + <div class="row mt-5"> |
| 110 | + <h3>What is the purpose?</h3> |
| 111 | + |
| 112 | + <p> |
| 113 | + The Tech Radar serves as a valuable resource for inspiring and |
| 114 | + assisting engineering teams within DotMyStyle in selecting the most |
| 115 | + suitable technologies for their new projects. It offers a platform for |
| 116 | + sharing knowledge and experience related to technologies, as well as |
| 117 | + for contemplating technology choices, thereby fostering the continuous |
| 118 | + development of our technology landscape. Drawing inspiration from the |
| 119 | + pioneering efforts of ThoughtWorks, our Tech Radar delineates |
| 120 | + noteworthy shifts in software development technologies—changes that we |
| 121 | + believe our engineering teams should be attentive to and incorporate |
| 122 | + into their projects. You can find more information about it |
| 123 | + <a href="https://www.thoughtworks.com/radar">here</a>. |
| 124 | + </p> |
| 125 | + </div> |
| 126 | + |
| 127 | + <div class="row mt-5"> |
| 128 | + <h3>How do we maintain it?</h3> |
| 129 | + |
| 130 | + <p> |
| 131 | + Our <em>Engineers</em> manages this Tech Radar for driving and helping |
| 132 | + in decision making around technology. Each technology is discussed and |
| 133 | + voted upon before assigning to a ring. This helps our engineers avoid |
| 134 | + any pitfalls, sharing learned lessons and contribute to good practices |
| 135 | + on using the technologies. |
| 136 | + </p> |
| 137 | + |
| 138 | + <p> |
| 139 | + <em |
| 140 | + >If you would like to know how we created this Tech Radar, visit us |
| 141 | + at |
| 142 | + <a href="https://github.com/sunsergdev/tech-radar" |
| 143 | + >Tech Radar Github repository</a |
| 144 | + > |
| 145 | + to view the source code.</em |
| 146 | + > |
| 147 | + </p> |
| 148 | + </div> |
| 149 | + <table> |
| 150 | + <tr> |
| 151 | + <td></td> |
| 152 | + </tr> |
| 153 | + </table> |
| 154 | + </div> |
| 155 | + <div class="container"> |
| 156 | + <footer |
| 157 | + class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top" |
| 158 | + > |
| 159 | + <div class="col-md-4 d-flex align-items-center"> |
| 160 | + <a |
| 161 | + href="/" |
| 162 | + class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1" |
| 163 | + > |
| 164 | + <svg |
| 165 | + width="58" |
| 166 | + height="24" |
| 167 | + viewBox="0 0 58 24" |
| 168 | + fill="none" |
| 169 | + xmlns="http://www.w3.org/2000/svg" |
| 170 | + > |
| 171 | + <path |
| 172 | + d="M8.77227 19.3547C6.47926 19.3547 4.85652 17.3156 4.85652 14.3739C4.85652 10.9977 6.12649 9.29292 8.80755 9.29292C11.3475 9.29292 12.6527 11.0646 12.6527 14.6414C12.6527 17.4159 10.9594 19.3547 8.77227 19.3547ZM16.9918 22.4635V0H12.4764V8.15638C11.1711 6.41813 9.47781 5.58244 7.32591 5.58244C2.84573 5.58244 0.199951 9.09235 0.199951 14.0731C0.199951 19.6221 3.33961 22.898 7.71396 22.898C9.83058 22.898 11.4533 22.1292 12.5469 20.4578L12.5822 22.4635H16.9918Z" |
| 173 | + fill="#25282D" |
| 174 | + /> |
| 175 | + <path |
| 176 | + d="M27.5551 19.2544C24.7682 19.2544 23.3571 17.583 23.3571 14.2402C23.3571 10.8975 24.7682 9.25949 27.5551 9.25949C30.342 9.25949 31.7531 10.8975 31.7531 14.2402C31.7531 17.583 30.342 19.2544 27.5551 19.2544ZM27.5551 22.898C32.9525 22.898 36.3743 19.455 36.3743 14.2402C36.3743 8.99207 32.9878 5.58244 27.5551 5.58244C22.0519 5.58244 18.63 9.0255 18.63 14.2402C18.63 19.3547 21.946 22.898 27.5551 22.898Z" |
| 177 | + fill="#25282D" |
| 178 | + /> |
| 179 | + <path |
| 180 | + d="M47.8769 15.9116C47.8769 17.9507 47.0302 19.1207 45.1958 19.1207C43.3261 19.1207 42.55 17.9173 42.55 15.8448V9.09235H52.1454V6.017H42.55V1.57111H38.0346V16.2793C38.0346 19.8227 40.0454 22.898 45.1253 22.898C50.0288 22.898 52.1454 19.7892 52.1454 16.3128V11.6329H47.8769V15.9116Z" |
| 181 | + fill="#25282D" |
| 182 | + /> |
| 183 | + <path |
| 184 | + d="M27.5551 19.2544C24.7682 19.2544 23.3571 17.583 23.3571 14.2402C23.3571 10.8975 24.7682 9.25949 27.5551 9.25949C30.342 9.25949 31.7531 10.8975 31.7531 14.2402C31.7531 17.583 30.342 19.2544 27.5551 19.2544Z" |
| 185 | + fill="#00EED5" |
| 186 | + /> |
| 187 | + <path |
| 188 | + d="M57.8002 21.3333C57.8002 22.806 56.5368 23.9999 54.9782 23.9999C53.4197 23.9999 52.1562 22.806 52.1562 21.3333C52.1562 19.8607 53.4197 18.6668 54.9782 18.6668C56.5368 18.6668 57.8002 19.8607 57.8002 21.3333Z" |
| 189 | + fill="#25282D" |
| 190 | + /> |
| 191 | + </svg> |
| 192 | + </a> |
| 193 | + <span class="mb-3 mb-md-0 text-muted" |
| 194 | + >© 2022 Sunserg Technologies Pvt Ltd.</span |
| 195 | + > |
| 196 | + </div> |
| 197 | + |
| 198 | + <ul class="nav col-md-4 justify-content-end list-unstyled d-flex"> |
| 199 | + <li class="ms-3"> |
| 200 | + <a |
| 201 | + class="text-muted" |
| 202 | + href="https://github.com/sunsergdev/tech-radar" |
| 203 | + ><svg |
| 204 | + xmlns="http://www.w3.org/2000/svg" |
| 205 | + width="24" |
| 206 | + height="24" |
| 207 | + fill="currentColor" |
| 208 | + class="bi bi-github" |
| 209 | + viewBox="0 0 16 16" |
| 210 | + > |
| 211 | + <path |
| 212 | + d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" |
| 213 | + /></svg |
| 214 | + ></a> |
| 215 | + </li> |
| 216 | + </ul> |
| 217 | + </footer> |
| 218 | + </div> |
| 219 | + |
| 220 | + <script |
| 221 | + src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" |
| 222 | + integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" |
| 223 | + crossorigin="anonymous" |
| 224 | + ></script> |
| 225 | + </body> |
| 226 | +</html> |
0 commit comments