{"$schema":"https://ejfox.com/schema/page-twin@1.json","kind":"project","url":"https://ejfox.com/projects/nbc-big-board","json_url":"https://ejfox.com/projects/nbc-big-board.json","generator":"ejfox.com/json-twin@1","data":{"cacheVersion":"2026-05-13-gear-cards","html":"<p class=\"\">It started as a prototype I made in January — a touchscreen way to explore county-level election results — that I demoed to Adam, then to Steve, then to Marc, until it got the budget and became the real thing: the \"Big Board\" Steve Kornacki wields on air, live, in front of ten to nineteen million people. (<a href=\"https://www.newscaststudio.com/2018/11/05/nbc-big-board-update/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://www.newscaststudio.com/2018/11/05/nbc-big-board-update/\">NewscastStudio wrote up a later update</a>.)</p>\n<p class=\"\">Building something that gets <em class=\"\">performed</em> live is the most stressful thing I've ever done — no room for error, and you hand it off to someone else on a screen you don't control. In the weeks before an election, Adam (Kornacki's producer) was texting and calling me at all hours as he did hits on Maddow and Morning Joe, and I got used to adding new scorecard filters at a moment's notice.</p>\n<p class=\"\">The workflow on election night, from my couch: edit some JSON, VPN into the NBC network, SSH into the server, <code class=\"md-inline-code\">git pull</code> from master, <code class=\"md-inline-code\">pm2 restart all</code>, text the producer that it's updated — then watch my change go out on air a few minutes later through Hulu. Doing that live in an emergency and seeing it on television minutes later is a pretty cool feeling.</p>\n<p class=\"\">Broadcast runs on radio frequencies, mostly silent when things go well, and you can hear things breaking all over — \"the 3A wall went to black,\" \"the rink graphics aren't loading.\" You keep your ears perked for your own name. You hope to god you don't hear it.</p>\n<p class=\"\">By the end it worked. A coworker told me Chuck Todd's producer said it was the first election night Chuck wasn't frustrated with the app. Steve looked amazing with it — panning, zooming, pulling up the scoreboard and the historical drawers we'd added, using motions and ways of storytelling I'd worked out months earlier, playing on TV exactly how I'd wanted them to.</p>\n<p class=\"\">The whole story — the 1AM bacon pancakes, the Montana freeze, what I learned about leading a team — is here: <strong class=\"\"><a href=\"/blog/2022/election-night-2018\" class=\"text-blue-600 dark:text-blue-400\">Election Night 2018 →</a></strong></p>\n<figure role=\"figure\" aria-label=\"The Big Board UI: 2016 Pennsylvania presidential results beside an interactive county map\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1666630396/project-images/nbc_bigboard.png\" alt=\"The Big Board UI: 2016 Pennsylvania presidential results beside an interactive county map\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1666630396/project-images/nbc_bigboard.png 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1666630396/project-images/nbc_bigboard.png 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1666630396/project-images/nbc_bigboard.png 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1666630396/project-images/nbc_bigboard.png 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"The Big Board UI: 2016 Pennsylvania presidential results beside an interactive county map\" width=\"5000\" height=\"2625\" style=\"--splay-rot:-2.63deg;\" data-dimensions=\"5000×2625\" class=\"img-full my-8 rounded-sm img-splay w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">The Big Board UI: 2016 Pennsylvania presidential results beside an interactive county map</figcaption>\n</figure>\n<p class=\"\"><a href=\"https://www.youtube.com/watch?v=p4KIMQsVkt8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"external-link group inline-flex items-center text-blue-600 dark:text-blue-400\" data-preview-url=\"https://www.youtube.com/watch?v=p4KIMQsVkt8\">2016 NBC News County-Level Election Maps<svg class=\"inline-block w-4 h-4 ml-1 opacity-50 dark:opacity-75 group-hover:opacity-100 transition-opacity align-text-bottom\" xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z\" class=\"\"></path></svg></a></p>\n<figure role=\"figure\" aria-label=\"Planning board — printed election-graphic studies and notes pinned to the wall\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1755101296/IMG_5294_dpmmkr.jpg\" alt=\"Planning board — printed election-graphic studies and notes pinned to the wall\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1755101296/IMG_5294_dpmmkr.jpg 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1755101296/IMG_5294_dpmmkr.jpg 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1755101296/IMG_5294_dpmmkr.jpg 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1755101296/IMG_5294_dpmmkr.jpg 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Planning board — printed election-graphic studies and notes pinned to the wall\" width=\"3024\" height=\"4032\" style=\"--splay-rot:2.05deg;\" data-dimensions=\"3024×4032\" class=\"img-full my-8 rounded-sm img-splay aspect-[3/4] w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Planning board — printed election-graphic studies and notes pinned to the wall</figcaption>\n</figure>\n<figure role=\"figure\" aria-label=\"Broadcast setup — the Big Board on a control-room monitor beside a waveform scope\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1755101273/IMG_6264_ubgaak.jpg\" alt=\"Broadcast setup — the Big Board on a control-room monitor beside a waveform scope\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1755101273/IMG_6264_ubgaak.jpg 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1755101273/IMG_6264_ubgaak.jpg 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1755101273/IMG_6264_ubgaak.jpg 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1755101273/IMG_6264_ubgaak.jpg 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Broadcast setup — the Big Board on a control-room monitor beside a waveform scope\" width=\"4032\" height=\"3024\" style=\"--splay-rot:2.95deg;\" data-dimensions=\"4032×3024\" class=\"img-full my-8 rounded-sm img-splay w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Broadcast setup — the Big Board on a control-room monitor beside a waveform scope</figcaption>\n</figure>\n<figure role=\"figure\" aria-label=\"Printed design studies for the on-air election graphics, spread across a desk\" class=\"\">\n<img src=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1755101285/IMG_5444_mn2u7z.jpg\" alt=\"Printed design studies for the on-air election graphics, spread across a desk\" loading=\"lazy\" decoding=\"async\" srcset=\"https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_640/v1755101285/IMG_5444_mn2u7z.jpg 640w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_960/v1755101285/IMG_5444_mn2u7z.jpg 960w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1280/v1755101285/IMG_5444_mn2u7z.jpg 1280w, https://res.cloudinary.com/ejf/image/upload/c_scale,f_auto,q_auto:good,w_1920/v1755101285/IMG_5444_mn2u7z.jpg 1920w\" sizes=\"(max-width: 430px) 92vw, (max-width: 768px) 85vw, 900px\" title=\"Printed design studies for the on-air election graphics, spread across a desk\" width=\"3024\" height=\"3024\" style=\"--splay-rot:-2.49deg;\" data-dimensions=\"3024×3024\" class=\"img-full my-8 rounded-sm img-splay aspect-square w-full mx-auto py-4\" crossorigin=\"anonymous\">\n<figcaption class=\"\">Printed design studies for the on-air election graphics, spread across a desk</figcaption>\n</figure>","title":"NBC News Big Board","metadata":{"title":"NBC News Big Board","date":"2016-11-08T05:00:00.000Z","client":"NBC News","category":"Journalism","modified":"2025-08-13T16:24:29.000Z","tech":["D3.js","JavaScript","Touch Interface","Election Data"],"featured":true,"state":"deployed","ai-involvement":"human-only","context":"client","tags":["d3","dataviz","javascript","elections"],"words":395,"images":4,"imageDetails":{"total":4,"cloudinary":4,"withDimensions":0},"links":7,"codeBlocks":0,"headers":{},"toc":[],"type":"post"}},"_links":{"self":"https://ejfox.com/projects/nbc-big-board.json","html":"https://ejfox.com/projects/nbc-big-board","index":"/projects.json"}}