I jammed Nvidia's new DLSS 5 October update model into the RTX Spark and it's 25% faster at 1440p

Pumpkin month is here and it has brought us bountiful PC tech, too. Along with the launch of the new Nvidia RTX Spark platform—bringing us all-Nvidia powered laptops and mini PCs for a pretty penny—we've also now got the latest update to DLSS 5, or DLSS Neural Rendering, or DLSS NR. I'm still not 100% sure how we should be referring to this, but I'm certainly not convinced by the whole '3D-guided Neural Rendering' moniker.

Whatever, we've got a new model to play with in the one game that has been officially released with the tech inside it: NBA 2K27. And, almost definitely from now on in any of the myriad modding platforms that have baked DLSS 5 into any game you could imagine, on any GPU architecture.

The new model is promising to be half as demanding of your hardware than the previous model—so a nominal 30% hit rather than 60%—and Nvidia says it has done this by refining the training data and reducing the model size itself down to around 118 million parameters, which makes it roughly 24% smaller. In terms of its impact on your GPU's VRAM, Nvidia gives the example of a reduction in VRAM usage at 4K of 20%.

NBA 2K27 running on the Nvidia RTX Spark with the DLSS 5 Oct update

Which is all well and good for Nvidia's numbers, but what happens in the real world? I've got hold of a preview version of the .dll files, specifically created for the RTX Spark hardware I'm testing right now (probably so we couldn't drop the files onto a repo somewhere and have the new model leaked early), and have been playing around with NBA 2K27 once more on the Asus ProArt P16.

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap'); #fv-chart-1792071675869-i5h5x9bn7 *, #fv-chart-1792071675869-i5h5x9bn7 *:before, #fv-chart-1792071675869-i5h5x9bn7 *:after, #fv-chart-1792071675869-i5h5x9bn7-slideshow *, #fv-chart-1792071675869-i5h5x9bn7-slideshow *:before, #fv-chart-1792071675869-i5h5x9bn7-slideshow *:after { box-sizing: border-box !important; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #fv-chart-1792071675869-i5h5x9bn7, #fv-chart-1792071675869-i5h5x9bn7-slideshow { font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792071675869-i5h5x9bn7 { position: relative !important; overflow: visible !important; --riv-primary: #E33235; } #fv-chart-1792071675869-i5h5x9bn7 .fv-inner-wrapper { color: #1F2937 !important; background-color: #ededed !important; padding: 1.5rem 1.5rem 2rem !important; border-radius: 0.5rem !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; margin: 1rem 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-inner-wrapper.fv-no-header.fv-is-image-compare { padding-top: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.fv-full-bleed { width: 100vw !important; margin-left: calc(50% - 50vw) !important; } body { overflow-x: clip !important; } #fv-chart-1792071675869-i5h5x9bn7.fv-full-bleed .fv-inner-wrapper { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-inner-wrapper.fv-is-shop-the-look { padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background-color: transparent !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow { position: relative !important; width: 100% !important; margin: 1rem 0 !important; --riv-primary: #E33235; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-slides-wrapper { position: relative !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-slide { width: 100% !important; animation: fv-fade-in 0.3s ease-in-out; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-slideshow-nav-row { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 0 16px 0 !important; width: 100% !important; z-index: 20 !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-nav-btn { background-color: var(--riv-primary) !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; padding: 8px 16px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transition: opacity 0.2s, background-color 0.2s !important; height: 36px !important; text-transform: none !important; box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-nav-btn svg { width: 18px !important; height: 18px !important; stroke-width: 3px !important; filter: none !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-nav-btn:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-nav-btn.disabled, #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-nav-btn:disabled { background-color: #E5E7EB !important; color: #9CA3AF !important; cursor: default !important; pointer-events: none !important; box-shadow: none !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-slide-counter { font-family: 'Poppins', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; text-align: center !important; min-width: 40px !important; background-color: rgba(255,255,255,0.8) !important; padding: 2px 8px !important; border-radius: 10px !important; user-select: none !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-slideshow-select { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white !important; border: 1px solid #d1d5db !important; color: #1F2937 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 6px 32px 6px 12px !important; border-radius: 4px !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important; background-position: right 0.5rem center !important; background-repeat: no-repeat !important; background-size: 1.5em 1.5em !important; } #fv-chart-1792071675869-i5h5x9bn7-slideshow .fv-slideshow-select:focus { outline: 2px solid #E33235 !important; border-color: #E33235 !important; } @keyframes fv-fade-in { from { opacity: 0; } to { opacity: 1; } } #fv-chart-1792071675869-i5h5x9bn7 .fv-chart-title { font-weight: bold !important; text-align: center !important; margin-bottom: 0.5rem !important; color: var(--riv-primary) !important; font-size: 20px !important; line-height: 1.2 !important; font-family: 'Open Sans', sans-serif !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; padding: 0 20px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-chart-subhead { font-size: 18px !important; font-weight: 500 !important; text-align: center !important; margin-bottom: 2rem !important; color: #374151 !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; text-transform: none !important; padding: 0 20px !important; } #fv-chart-1792071675869-i5h5x9bn7 .rv-chart-caption { font-size: 15px !important; color: #374151 !important; text-align: center !important; font-style: normal !important; font-weight: normal !important; line-height: 1.7 !important; font-family: 'Open Sans', sans-serif !important; display: block !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-chart { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding: 0 1rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper { flex: 1; min-width: 0; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper.fv-left { text-align: center; padding-right: 1rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper.fv-right { text-align: center; padding-left: 1rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-container { position: relative; display: inline-block; max-width: 100%; width: 100%; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-chevron { position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none; width: 16px; height: 16px; flex-shrink: 0; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper.fv-left .fv-versus-chevron { right: 0; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper.fv-right .fv-versus-chevron { right: 0; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select { background: transparent; border: none; border-bottom: 2px solid; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; padding: 0.25rem 0; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select.fv-select-left { text-align: center; direction: ltr; padding-right: 1.25rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select.fv-select-right { text-align: center; padding-right: 1.25rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select option { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #374151; direction: ltr; text-align: left; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-vs { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; color: #374151; letter-spacing: 0.1em; padding: 0 1rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-body { display: flex; flex-direction: column; gap: 1.5rem; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-row { position: relative; height: auto; padding-top: 20px; margin-bottom: 0.25rem; display: block; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-bar-container { position: relative; height: 32px; display: flex; align-items: center; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-bar-left-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-end; align-items: center; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-bar-right-wrapper { flex: 1; height: 100%; display: flex; justify-content: flex-start; align-items: center; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-bar { height: 32px; width: var(--target-width); transition: width 0.8s ease-out; animation: fv-grow-max-width 0.8s ease-out forwards; display: flex; align-items: center; overflow: hidden; color: #ffffff; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-bar-left { border-radius: 4px 0 0 4px; justify-content: flex-end; padding: 0 8px; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-bar-right { border-radius: 0 4px 4px 0; justify-content: flex-start; padding: 0 8px; } @keyframes fv-grow-max-width { from { max-width: 0; } to { max-width: 100%; } } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-center-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; background-color: #ffffff; transform: translateX(-50%); z-index: 1; } #fv-chart-1792071675869-i5h5x9bn7 .fv-inside-left { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792071675869-i5h5x9bn7 .fv-inside-right { white-space: nowrap; flex-shrink: 0; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-val-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-pct-diff { font-size: 12px; font-weight: 600; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #374151; white-space: nowrap; } #fv-chart-1792071675869-i5h5x9bn7 .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bottom-bar { display: flex !important; flex-direction: column !important; align-items: center !important; margin-top: 0.5rem !important; gap: 1rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-footer-content { text-align: center !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-logo { display: block !important; margin: 0 auto !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; height: auto !important; object-fit: contain !important; flex-shrink: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-wrapper { text-align: center !important; margin-bottom: 16px !important; margin-top: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-title-container { position: relative !important; display: inline-block !important; max-width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-title { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background: transparent !important; border: none !important; font-size: 18px !important; font-weight: 600 !important; color: var(--riv-primary) !important; padding-right: 28px !important; padding-left: 10px !important; cursor: pointer !important; text-align: center !important; text-align-last: center !important; width: auto !important; max-width: 100% !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; margin: 0 !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-title:focus { outline: none !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-title::-ms-expand { display: none !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-chevron { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; color: var(--riv-primary) !important; display: flex !important; align-items: center !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-carousel-title-controls { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; width: 100% !important; gap: 12px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-carousel-nav-btn { background: transparent !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; cursor: pointer !important; font-size: 14px !important; color: #374151 !important; display: flex !important; align-items: center !important; gap: 4px !important; font-family: 'Open Sans', sans-serif !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-carousel-nav-btn:hover { border-color: #9ca3af !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-carousel-counter { font-size: 14px !important; color: #374151 !important; text-align: center !important; margin-top: 1rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px 16px !important; margin: 0 !important; padding: 0 !important; margin-top: 1rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-legend-item { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; color: #374151 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-legend-color { width: 12px !important; height: 12px !important; border-radius: 3px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-multi-value-legend { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px 24px !important; margin-bottom: 1.5rem !important; padding: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-multi-legend-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 14px !important; color: #374151 !important; font-weight: 500 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-multi-legend-swatch { width: 16px !important; height: 16px !important; border-radius: 3px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-benchmark-group { margin-bottom: 1rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-benchmark-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 16px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; color: var(--riv-primary) !important; flex: 1 !important; min-width: 0 !important; font-family: 'Open Sans', sans-serif !important; line-height: 1.3 !important; text-transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; word-wrap: break-word !important; max-width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-row, #fv-chart-1792071675869-i5h5x9bn7 .fv-stacked-product { display: flex !important; align-items: center !important; width: 100% !important; margin-bottom: 0.75rem !important; position: relative !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-label { width: 150px !important; flex-shrink: 0 !important; font-size: 14px !important; color: #374151 !important; padding-right: 10px !important; text-align: right !important; font-weight: 500 !important; display: block !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-container { flex-grow: 1 !important; background-color: #E5E7EB !important; border-radius: 4px !important; min-height: 25px !important; border: 1px solid #D1D5DB !important; position: relative !important; display: flex !important; align-items: center !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-commentary-inline { display: none !important; position: absolute !important; left: 150px !important; top: 0 !important; bottom: 0 !important; right: 0 !important; width: calc(100% - 150px) !important; margin: 0 !important; padding: 0 8px !important; font-size: 13px !important; color: #fff !important; background: rgba(0,0,0,0.8) !important; border-radius: 4px !important; line-height: 1.4 !important; font-weight: normal !important; text-transform: none !important; word-wrap: break-word !important; z-index: 10 !important; align-items: center !important; overflow-y: auto !important; } #fv-chart-1792071675869-i5h5x9bn7.preview-wrapper .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.preview-wrapper .fv-bar-commentary-inline:focus, #fv-chart-1792071675869-i5h5x9bn7.preview-wrapper .fv-bar-commentary-inline:focus-within, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-commentary-inline:focus, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-commentary-inline:focus-within { display: flex !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar { height: 100% !important; border-radius: 3px !important; display: flex !important; align-items: center !important; transition: opacity 0.2s ease, width 0.8s ease-out !important; min-height: 23px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar:hover { opacity: 0.8 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-inner-content { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; height: 100% !important; padding: 0 8px !important; font-size: 14px !important; font-weight: bold !important; overflow: hidden !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-inner-label { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding-right: 8px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-inner-value { flex-shrink: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-value-outside { padding-left: 8px !important; font-size: 14px !important; font-weight: bold !important; color: #374151 !important; white-space: nowrap !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-label.fv-primary-product { font-weight: bold !important; color: var(--riv-primary) !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-multi-bar-container { flex-direction: column !important; padding: 4px !important; align-items: stretch !important; gap: 4px !important; height: auto !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-multi-bar-item { display: flex !important; align-items: center !important; height: 25px !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-stacked-bar { display: flex !important; overflow: hidden !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-stacked-segment { height: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; padding-right: 8px !important; border-right: 1px solid rgba(255,255,255,0.3) !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-stacked-segment:last-child { border-right: none !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-segment-value { font-size: 14px !important; font-weight: bold !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-grouped-bar-product { display: flex !important; flex-direction: column !important; width: 100% !important; margin-bottom: 1.25rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-grouped-product-title-wrapper { padding-left: 150px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; font-weight: 700 !important; font-size: 14px !important; color: #374151 !important; text-transform: none !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-cluster { width: 100% !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-cluster .fv-bar-row { margin-bottom: 3px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-cluster .fv-bar-container { height: 20px !important; } #fv-chart-1792071675869-i5h5x9bn7 .riv-grid line { stroke: #D1D5DB !important; stroke-dasharray: 3 3 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-wrapper { display: flex !important; width: 100% !important; margin-top: 0.5rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-label-space { width: 150px !important; padding-right: 10px !important; flex-shrink: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-chart-space { flex-grow: 1 !important; padding-right: 8px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-wrapper.fv-grouped-x-axis { margin-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-line { border-top: 1px solid #D1D5DB !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-ticks { display: flex !important; justify-content: space-between !important; padding-top: 4px !important; font-size: 13px !important; color: #374151 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-ticks span { position: relative !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-ticks span::before { content: '' !important; position: absolute !important; top: -6px !important; left: 50% !important; transform: translateX(-50%) !important; width: 2px !important; height: 4px !important; background-color: #D1D5DB !important; border-radius: 1px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-unit { text-align: center !important; font-size: 14px !important; color: #374151 !important; margin-top: 8px !important; display: block !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-title { text-align: center !important; font-size: 15px !important; color: #374151 !important; margin-top: 8px !important; margin-bottom: 16px !important; line-height: 1.5 !important; padding: 0 1rem !important; display: block !important; font-weight: bold !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-y-axis-title { font-size: 15px !important; color: #374151 !important; line-height: 1.5 !important; text-align: left !important; padding-left: 5.83% !important; margin-bottom: 4px !important; display: block !important; font-weight: bold !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-pie-container, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-grouped-product-title-wrapper, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-row, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-stacked-product, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-grouped-bar-product, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-row, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-stacked-product, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-label:not(.fv-grouped-product-title), #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-label, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-grouped-product-title, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-label, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-container, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-cluster, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-container, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-cluster { width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-row .fv-bar-commentary-inline:focus-within, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-x-axis-wrapper, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-x-axis-label-space, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-x-axis-label-space { display: none !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-x-axis-chart-space, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-benchmark-title, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-dropdown-title, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-carousel-nav-btn, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-chart-title, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-chart-subhead, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-header, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select-wrapper, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select-wrapper.fv-left, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select-wrapper.fv-right, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select.fv-select-left, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select.fv-select-right, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-vs, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select-container, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-versus-select, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-stl-shop-all-btn, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-stl-shop-all-logo, #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-stl-shop-all-icon, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-stl-shop-all-logo, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-stl-shop-all-icon svg, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7.labels-on-top .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792071675869-i5h5x9bn7.mobile-view.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } @media (max-width: 599px) { #fv-chart-1792071675869-i5h5x9bn7 .fv-pie-container { flex-direction: column !important; gap: 1rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-grouped-product-title-wrapper { padding-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-row, #fv-chart-1792071675869-i5h5x9bn7 .fv-stacked-product, #fv-chart-1792071675869-i5h5x9bn7 .fv-grouped-bar-product { flex-direction: column !important; align-items: flex-start !important; margin-bottom: 1.25rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-label:not(.fv-grouped-product-title) { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-label, #fv-chart-1792071675869-i5h5x9bn7 .fv-grouped-product-title { width: 100% !important; text-align: left !important; padding-right: 0 !important; margin-bottom: 0.25rem !important; font-size: 14px !important; font-weight: 700 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-container, #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-cluster { width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-row .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-row:hover .fv-bar-commentary-inline, #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-row .fv-bar-commentary-inline:focus, #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-row .fv-bar-commentary-inline:focus-within { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 0 !important; padding: 0 !important; background: transparent !important; color: #6B7280 !important; font-size: 12px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-wrapper { margin-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-label-space { display: none !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-x-axis-chart-space { padding-right: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-benchmark-title { font-size: 16px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-dropdown-title { font-size: 16px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-carousel-nav-btn { padding: 8px 12px !important; font-size: 14px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-chart-title { padding: 0 8px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-chart-subhead { padding: 0 8px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-header { flex-direction: column !important; align-items: center !important; padding: 0 !important; gap: 0.5rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper { flex: 1 !important; min-width: 0 !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper.fv-left { text-align: center !important; padding-right: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-wrapper.fv-right { text-align: center !important; padding-left: 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select.fv-select-left { text-align: center !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select.fv-select-right { text-align: center !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-vs { text-align: center !important; padding: 0.25rem 0 !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select-container { max-width: 100% !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-versus-select { font-size: 14px !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-stl-shop-all-btn { bottom: 0.5rem !important; right: 0.5rem !important; height: 2rem !important; font-size: 0.75rem !important; padding: 0 0.75rem 0 2.5rem !important; max-width: calc(100% - 1rem) !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-stl-shop-all-logo, #fv-chart-1792071675869-i5h5x9bn7 .fv-stl-shop-all-icon { width: 2rem !important; height: 2rem !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-stl-shop-all-icon svg { width: 14px !important; height: 14px !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-bar-commentary-inline { display: block !important; margin-left: 0 !important; width: 100% !important; } #fv-chart-1792071675869-i5h5x9bn7 .fv-y-axis-title { padding-left: 5% !important; } #fv-chart-1792071675869-i5h5x9bn7.fv-contains-line-chart .fv-footer-content { margin-left: -1rem !important; margin-right: -1rem !important; } }{ "@context": "https://schema.org", "@type": "Dataset", "name": "DLSS 5 October Update", "description": "Testing the new DLSS 5 model in NBA 2K27. Using DLSS Balanced and 4x Multi Frame Gen.", "creator": { "@type": "Organization", "name": "PC Gamer", "logo": "https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png" }, "isAccessibleForFree": true, "dateCreated": "2026-10-15T13:41:15.870Z", "citation": "Add your caption to explain the data, the learnings and the key takeaways of the data being visualized", "keywords": [ "DLSS 5 Off", "DLSS 5 On (original)", "DLSS On (Oct update)", "NBA 2K27 (1080p High)", "NBA 2K27 (1440p High)", "benchmark", "comparison", "performance", "review", "PC Gamer" ], "measurementTechnique": "Performance Benchmarking", "variableMeasured": [ { "@type": "PropertyValue", "name": "DLSS 5 Off – NBA 2K27 (1080p High)", "value": 227, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "DLSS 5 On (original) – NBA 2K27 (1080p High)", "value": 143, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "DLSS On (Oct update) – NBA 2K27 (1080p High)", "value": 168, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "DLSS 5 Off – NBA 2K27 (1440p High)", "value": 200, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "DLSS 5 On (original) – NBA 2K27 (1440p High)", "value": 107, "unitText": "Avg FPS" }, { "@type": "PropertyValue", "name": "DLSS On (Oct update) – NBA 2K27 (1440p High)", "value": 134, "unitText": "Avg FPS" } ]}{"version":2,"exportedAt":"2026-10-15T13:41:15.870Z","state":{"data":[{"productName":"DLSS 5 Off","attribute":"NBA 2K27 (1080p High)","value":227,"unit":"Avg FPS","multiValues":[{"value":227,"unit":"Avg FPS"},{"value":93,"unit":"1% Low FPS"},{"value":68,"unit":"PC Latency (ms)"}],"color":"","site":"PC Gamer"},{"productName":"DLSS 5 Off","attribute":"NBA 2K27 (1440p High)","value":200,"unit":"Avg FPS","multiValues":[{"value":200,"unit":"Avg FPS"},{"value":61,"unit":"1% Low FPS"},{"value":76,"unit":"PC Latency (ms)"}],"color":"","site":"PC Gamer"},{"productName":"DLSS 5 On (original)","attribute":"NBA 2K27 (1080p High)","value":143,"unit":"Avg FPS","multiValues":[{"value":143,"unit":"Avg FPS"},{"value":63,"unit":"1% Low FPS"},{"value":88,"unit":"PC Latency (ms)"}],"color":"","site":"PC Gamer"},{"productName":"DLSS 5 On (original)","attribute":"NBA 2K27 (1440p High)","value":107,"unit":"Avg FPS","multiValues":[{"value":107,"unit":"Avg FPS"},{"value":47,"unit":"1% Low FPS"},{"value":117,"unit":"PC Latency (ms)"}],"color":"","site":"PC Gamer"},{"productName":"DLSS On (Oct update)","attribute":"NBA 2K27 (1080p High)","value":168,"unit":"Avg FPS","multiValues":[{"value":168,"unit":"Avg FPS"},{"value":61,"unit":"1% Low FPS"},{"value":85,"unit":"PC Latency (ms)"}],"color":"","site":"PC Gamer"},{"productName":"DLSS On (Oct update)","attribute":"NBA 2K27 (1440p High)","value":134,"unit":"Avg FPS","multiValues":[{"value":134,"unit":"Avg FPS"},{"value":51,"unit":"1% Low FPS"},{"value":92,"unit":"PC Latency (ms)"}],"color":"","site":"PC Gamer"}],"products":["DLSS 5 Off","DLSS 5 On (original)","DLSS On (Oct update)"],"attributes":["NBA 2K27 (1080p High)","NBA 2K27 (1440p High)"],"selectedProducts":["DLSS 5 Off","DLSS 5 On (original)","DLSS On (Oct update)"],"selectedPrimaryProduct":"DLSS On (Oct update)","selectedAttributes":["NBA 2K27 (1080p High)","NBA 2K27 (1440p High)"],"productColors":[{"productName":"DLSS 5 Off","color":"#E33235"},{"productName":"DLSS 5 On (original)","color":"#FE9F58"},{"productName":"DLSS On (Oct update)","color":"#1CA9C4"}],"initialProductColors":[{"productName":"DLSS 5 Off","color":"#E33235"},{"productName":"DLSS 5 On (original)","color":"#FE9F58"},{"productName":"DLSS On (Oct update)","color":"#1CA9C4"}],"attributeColors":[],"attributeGroups":[],"chartType":"Bar","stlSelectedHotspotId":null,"iaSelectedNodeId":null,"barChartMaxValueOverrides":{},"barChartMinValueOverrides":{},"displayMode":"Dropdown","brand":{"name":"PC Gamer","logoUrl":"https://cdn.mos.cms.futurecdn.net/bkwSqn4ocKYaQwBeFt2HHb.png","sliderLogoUrl":"https://proof.vanilla.tools/media/images/brandLogos/pcgamer.png","sliderLogoShape":"square","embedBg":"#ededed","colors":{"primary":"#E33235","secondary":"#FE9F58","accent":"#1CA9C4","background":"#ededed","text":"#1F2937","productColors":["#E33235","#FE9F58","#1CA9C4","#EB6F71","#FFC08B","#66C5D7","#B5282A","#D07F46"]}},"textContent":{"title":"DLSS 5 October Update","subhead":"Testing the new DLSS 5 model in NBA 2K27. Using DLSS Balanced and 4x Multi Frame Gen.","caption":"Add your caption to explain the data, the learnings and the key takeaways of the data being visualized","productNameOverrides":{},"attributeNameOverrides":{},"chartTitleOverrides":{},"xAxisLabelOverrides":{},"subheadOverrides":{},"captionOverrides":{},"unitOverrides":{},"multiValueLegendOverrides":{},"barCommentaryOverrides":{}},"dataEverLoaded":true,"showAISuggestionsButton":false,"barChartShowXAxis":false,"groupedBarChartShowProductName":false,"barChartLabelsOnTop":true,"experimentalEnablePieChart":false,"slideshowUseDropdown":false},"slides":[]}

DLSS 5 October Update

Testing the new DLSS 5 model in NBA 2K27. Using DLSS Balanced and 4x Multi Frame Gen.

NBA 2K27 (1080p High)NBA 2K27 (1440p High)Avg FPS1% Low FPSPC Latency (ms)DLSS 5 Off2279368DLSS 5 On (original)1436388DLSS On (Oct update)1686185NBA 2K27 (1080p High) DataProductValueDLSS 5 Off227 Avg FPS, 93 1% Low FPS, 68 PC Latency (ms)DLSS 5 On (original)143 Avg FPS, 63 1% Low FPS, 88 PC Latency (ms)DLSS On (Oct update)168 Avg FPS, 61 1% Low FPS, 85 PC Latency (ms)Avg FPS1% Low FPSPC Latency (ms)DLSS 5 Off2006176DLSS 5 On (original)10747117DLSS On (Oct update)1345192NBA 2K27 (1440p High) DataProductValueDLSS 5 Off200 Avg FPS, 61 1% Low FPS, 76 PC Latency (ms)DLSS 5 On (original)107 Avg FPS, 47 1% Low FPS, 117 PC Latency (ms)DLSS On (Oct update)134 Avg FPS, 51 1% Low FPS, 92 PC Latency (ms) window.iFrameResizer = { heightCalculationMethod: 'taggedElement' }; (function() { function createChartAnimator() { return function animateChartWrapper(chartWrapper) { if (!chartWrapper) return; function animateBars(chartElement) { if (!chartElement) return; var bars = chartElement.querySelectorAll('.fv-bar, .fv-stacked-segment'); bars.forEach(function(bar, index) { bar.style.setProperty('width', '0%', 'important'); bar.style.setProperty('transition', 'none', 'important'); var targetWidth = bar.dataset.targetWidth; if (targetWidth === undefined) return; void bar.offsetWidth; var targetMargin = bar.dataset.targetMargin; var baseMargin = bar.dataset.baseMargin; if (baseMargin !== undefined) { bar.style.setProperty('margin-left', baseMargin + '%', 'important'); } setTimeout(function() { var marginTransition = baseMargin !== undefined ? ', margin-left 0.8s ease-out' : ''; bar.style.setProperty('transition', 'opacity 0.2s ease, width 0.8s ease-out' + marginTransition, 'important'); bar.style.setProperty('width', targetWidth + '%', 'important'); if (targetMargin !== undefined && baseMargin !== undefined) { bar.style.setProperty('margin-left', targetMargin + '%', 'important'); } }, index * 50 + 50); }); } function animateLineChart(chartElement) { if (!chartElement) return; var lineSvg = chartElement.querySelector('svg'); if (!lineSvg) return; var paths = lineSvg.querySelectorAll('.riv-line-path'); paths.forEach(function(p, i) { if (typeof p.getTotalLength === 'function') { var len = p.getTotalLength(); p.style.transition = 'none'; p.style.strokeDasharray = len; p.style.strokeDashoffset = len; p.getBoundingClientRect(); setTimeout(function() { p.style.transition = 'stroke-dashoffset 1s ease-out ' + (i * 0.1) + 's, stroke-width 0.2s, opacity 0.2s'; p.style.strokeDashoffset = '0'; }, 100); } }); var dots = lineSvg.querySelectorAll('.riv-dot'); dots.forEach(function(dot, i) { dot.style.opacity = '0'; setTimeout(function() { dot.style.transition = 'opacity 0.3s ease'; dot.style.opacity = '1'; }, 500 + i * 10); }); } var charts = chartWrapper.querySelectorAll('.fv-chart-item'); charts.forEach(function(chart) { if (window.getComputedStyle(chart).display === 'none') return; var chartType = chart.dataset.chartType; if (chartType === 'Line') { animateLineChart(chart); } else if (chartType !== 'Pie') { animateBars(chart); } }); }; } var fvLocalAnimate = createChartAnimator(); window.fvAnimateCharts = fvLocalAnimate; function initialize(uniqueId, isSlideshow) { var root = document.getElementById(uniqueId); if (!root && !isSlideshow) return; function setupWrapper(chartWrapper) { if (!chartWrapper) return; /* Responsive mobile view handling */ function checkMobileView() { var width = chartWrapper.getBoundingClientRect().width; var isMobileDevice = window.screen && Math.min(window.screen.width, window.screen.height)