EXPLORATION 06 / 06

A thousand nodes, still inspectable

What this showsThis route starts with a real 1,000-node graph. Change the workload or rendering strategy, then take a browser-local frame sample instead of trusting a made-up benchmark.

inputSource 1

Lane 1

transformProcess 2

Lane 1

transformProcess 3

Lane 1

transformProcess 4

Lane 1

transformProcess 5

Lane 1

transformProcess 6

Lane 1

transformProcess 7

Lane 1

transformProcess 8

Lane 1

transformProcess 9

Lane 1

transformProcess 10

Lane 1

transformProcess 11

Lane 1

transformProcess 12

Lane 1

transformProcess 13

Lane 1

transformProcess 14

Lane 1

transformProcess 15

Lane 1

transformProcess 16

Lane 1

transformProcess 17

Lane 1

transformProcess 18

Lane 1

transformProcess 19

Lane 1

transformProcess 20

Lane 1

transformProcess 21

Lane 1

transformProcess 22

Lane 1

transformProcess 23

Lane 1

transformProcess 24

Lane 1

transformProcess 25

Lane 1

transformProcess 26

Lane 1

transformProcess 27

Lane 1

transformProcess 28

Lane 1

transformProcess 29

Lane 1

transformProcess 30

Lane 1

transformProcess 31

Lane 1

sinkOutput 32

Lane 1

inputSource 33

Lane 2

transformProcess 34

Lane 2

transformProcess 35

Lane 2

transformProcess 36

Lane 2

transformProcess 37

Lane 2

transformProcess 38

Lane 2

transformProcess 39

Lane 2

transformProcess 40

Lane 2

transformProcess 41

Lane 2

transformProcess 42

Lane 2

transformProcess 43

Lane 2

transformProcess 44

Lane 2

transformProcess 45

Lane 2

transformProcess 46

Lane 2

transformProcess 47

Lane 2

transformProcess 48

Lane 2

transformProcess 49

Lane 2

transformProcess 50

Lane 2

transformProcess 51

Lane 2

transformProcess 52

Lane 2

transformProcess 53

Lane 2

transformProcess 54

Lane 2

transformProcess 55

Lane 2

transformProcess 56

Lane 2

transformProcess 57

Lane 2

transformProcess 58

Lane 2

transformProcess 59

Lane 2

transformProcess 60

Lane 2

transformProcess 61

Lane 2

transformProcess 62

Lane 2

transformProcess 63

Lane 2

sinkOutput 64

Lane 2

inputSource 65

Lane 3

transformProcess 66

Lane 3

transformProcess 67

Lane 3

transformProcess 68

Lane 3

transformProcess 69

Lane 3

transformProcess 70

Lane 3

transformProcess 71

Lane 3

transformProcess 72

Lane 3

transformProcess 73

Lane 3

transformProcess 74

Lane 3

transformProcess 75

Lane 3

transformProcess 76

Lane 3

transformProcess 77

Lane 3

transformProcess 78

Lane 3

transformProcess 79

Lane 3

transformProcess 80

Lane 3

transformProcess 81

Lane 3

transformProcess 82

Lane 3

transformProcess 83

Lane 3

transformProcess 84

Lane 3

transformProcess 85

Lane 3

transformProcess 86

Lane 3

transformProcess 87

Lane 3

transformProcess 88

Lane 3

transformProcess 89

Lane 3

transformProcess 90

Lane 3

transformProcess 91

Lane 3

transformProcess 92

Lane 3

transformProcess 93

Lane 3

transformProcess 94

Lane 3

transformProcess 95

Lane 3

sinkOutput 96

Lane 3

inputSource 97

Lane 4

transformProcess 98

Lane 4

transformProcess 99

Lane 4

transformProcess 100

Lane 4

transformProcess 101

Lane 4

transformProcess 102

Lane 4

transformProcess 103

Lane 4

transformProcess 104

Lane 4

transformProcess 105

Lane 4

transformProcess 106

Lane 4

transformProcess 107

Lane 4

transformProcess 108

Lane 4

transformProcess 109

Lane 4

transformProcess 110

Lane 4

transformProcess 111

Lane 4

transformProcess 112

Lane 4

transformProcess 113

Lane 4

transformProcess 114

Lane 4

transformProcess 115

Lane 4

transformProcess 116

Lane 4

transformProcess 117

Lane 4

transformProcess 118

Lane 4

transformProcess 119

Lane 4

transformProcess 120

Lane 4

transformProcess 121

Lane 4

transformProcess 122

Lane 4

transformProcess 123

Lane 4

transformProcess 124

Lane 4

transformProcess 125

Lane 4

transformProcess 126

Lane 4

transformProcess 127

Lane 4

sinkOutput 128

Lane 4

inputSource 129

Lane 5

transformProcess 130

Lane 5

transformProcess 131

Lane 5

transformProcess 132

Lane 5

transformProcess 133

Lane 5

transformProcess 134

Lane 5

transformProcess 135

Lane 5

transformProcess 136

Lane 5

transformProcess 137

Lane 5

transformProcess 138

Lane 5

transformProcess 139

Lane 5

transformProcess 140

Lane 5

transformProcess 141

Lane 5

transformProcess 142

Lane 5

transformProcess 143

Lane 5

transformProcess 144

Lane 5

transformProcess 145

Lane 5

transformProcess 146

Lane 5

transformProcess 147

Lane 5

transformProcess 148

Lane 5

transformProcess 149

Lane 5

transformProcess 150

Lane 5

transformProcess 151

Lane 5

transformProcess 152

Lane 5

transformProcess 153

Lane 5

transformProcess 154

Lane 5

transformProcess 155

Lane 5

transformProcess 156

Lane 5

transformProcess 157

Lane 5

transformProcess 158

Lane 5

transformProcess 159

Lane 5

sinkOutput 160

Lane 5

inputSource 161

Lane 6

transformProcess 162

Lane 6

transformProcess 163

Lane 6

transformProcess 164

Lane 6

transformProcess 165

Lane 6

transformProcess 166

Lane 6

transformProcess 167

Lane 6

transformProcess 168

Lane 6

transformProcess 169

Lane 6

transformProcess 170

Lane 6

transformProcess 171

Lane 6

transformProcess 172

Lane 6

transformProcess 173

Lane 6

transformProcess 174

Lane 6

transformProcess 175

Lane 6

transformProcess 176

Lane 6

transformProcess 177

Lane 6

transformProcess 178

Lane 6

transformProcess 179

Lane 6

transformProcess 180

Lane 6

transformProcess 181

Lane 6

transformProcess 182

Lane 6

transformProcess 183

Lane 6

transformProcess 184

Lane 6

transformProcess 185

Lane 6

transformProcess 186

Lane 6

transformProcess 187

Lane 6

transformProcess 188

Lane 6

transformProcess 189

Lane 6

transformProcess 190

Lane 6

transformProcess 191

Lane 6

sinkOutput 192

Lane 6

inputSource 193

Lane 7

transformProcess 194

Lane 7

transformProcess 195

Lane 7

transformProcess 196

Lane 7

transformProcess 197

Lane 7

transformProcess 198

Lane 7

transformProcess 199

Lane 7

transformProcess 200

Lane 7

transformProcess 201

Lane 7

transformProcess 202

Lane 7

transformProcess 203

Lane 7

transformProcess 204

Lane 7

transformProcess 205

Lane 7

transformProcess 206

Lane 7

transformProcess 207

Lane 7

transformProcess 208

Lane 7

transformProcess 209

Lane 7

transformProcess 210

Lane 7

transformProcess 211

Lane 7

transformProcess 212

Lane 7

transformProcess 213

Lane 7

transformProcess 214

Lane 7

transformProcess 215

Lane 7

transformProcess 216

Lane 7

transformProcess 217

Lane 7

transformProcess 218

Lane 7

transformProcess 219

Lane 7

transformProcess 220

Lane 7

transformProcess 221

Lane 7

transformProcess 222

Lane 7

transformProcess 223

Lane 7

sinkOutput 224

Lane 7

inputSource 225

Lane 8

transformProcess 226

Lane 8

transformProcess 227

Lane 8

transformProcess 228

Lane 8

transformProcess 229

Lane 8

transformProcess 230

Lane 8

transformProcess 231

Lane 8

transformProcess 232

Lane 8

transformProcess 233

Lane 8

transformProcess 234

Lane 8

transformProcess 235

Lane 8

transformProcess 236

Lane 8

transformProcess 237

Lane 8

transformProcess 238

Lane 8

transformProcess 239

Lane 8

transformProcess 240

Lane 8

transformProcess 241

Lane 8

transformProcess 242

Lane 8

transformProcess 243

Lane 8

transformProcess 244

Lane 8

transformProcess 245

Lane 8

transformProcess 246

Lane 8

transformProcess 247

Lane 8

transformProcess 248

Lane 8

transformProcess 249

Lane 8

transformProcess 250

Lane 8

transformProcess 251

Lane 8

transformProcess 252

Lane 8

transformProcess 253

Lane 8

transformProcess 254

Lane 8

transformProcess 255

Lane 8

sinkOutput 256

Lane 8

inputSource 257

Lane 9

transformProcess 258

Lane 9

transformProcess 259

Lane 9

transformProcess 260

Lane 9

transformProcess 261

Lane 9

transformProcess 262

Lane 9

transformProcess 263

Lane 9

transformProcess 264

Lane 9

transformProcess 265

Lane 9

transformProcess 266

Lane 9

transformProcess 267

Lane 9

transformProcess 268

Lane 9

transformProcess 269

Lane 9

transformProcess 270

Lane 9

transformProcess 271

Lane 9

transformProcess 272

Lane 9

transformProcess 273

Lane 9

transformProcess 274

Lane 9

transformProcess 275

Lane 9

transformProcess 276

Lane 9

transformProcess 277

Lane 9

transformProcess 278

Lane 9

transformProcess 279

Lane 9

transformProcess 280

Lane 9

transformProcess 281

Lane 9

transformProcess 282

Lane 9

transformProcess 283

Lane 9

transformProcess 284

Lane 9

transformProcess 285

Lane 9

transformProcess 286

Lane 9

transformProcess 287

Lane 9

sinkOutput 288

Lane 9

inputSource 289

Lane 10

transformProcess 290

Lane 10

transformProcess 291

Lane 10

transformProcess 292

Lane 10

transformProcess 293

Lane 10

transformProcess 294

Lane 10

transformProcess 295

Lane 10

transformProcess 296

Lane 10

transformProcess 297

Lane 10

transformProcess 298

Lane 10

transformProcess 299

Lane 10

transformProcess 300

Lane 10

transformProcess 301

Lane 10

transformProcess 302

Lane 10

transformProcess 303

Lane 10

transformProcess 304

Lane 10

transformProcess 305

Lane 10

transformProcess 306

Lane 10

transformProcess 307

Lane 10

transformProcess 308

Lane 10

transformProcess 309

Lane 10

transformProcess 310

Lane 10

transformProcess 311

Lane 10

transformProcess 312

Lane 10

transformProcess 313

Lane 10

transformProcess 314

Lane 10

transformProcess 315

Lane 10

transformProcess 316

Lane 10

transformProcess 317

Lane 10

transformProcess 318

Lane 10

transformProcess 319

Lane 10

sinkOutput 320

Lane 10

inputSource 321

Lane 11

transformProcess 322

Lane 11

transformProcess 323

Lane 11

transformProcess 324

Lane 11

transformProcess 325

Lane 11

transformProcess 326

Lane 11

transformProcess 327

Lane 11

transformProcess 328

Lane 11

transformProcess 329

Lane 11

transformProcess 330

Lane 11

transformProcess 331

Lane 11

transformProcess 332

Lane 11

transformProcess 333

Lane 11

transformProcess 334

Lane 11

transformProcess 335

Lane 11

transformProcess 336

Lane 11

transformProcess 337

Lane 11

transformProcess 338

Lane 11

transformProcess 339

Lane 11

transformProcess 340

Lane 11

transformProcess 341

Lane 11

transformProcess 342

Lane 11

transformProcess 343

Lane 11

transformProcess 344

Lane 11

transformProcess 345

Lane 11

transformProcess 346

Lane 11

transformProcess 347

Lane 11

transformProcess 348

Lane 11

transformProcess 349

Lane 11

transformProcess 350

Lane 11

transformProcess 351

Lane 11

sinkOutput 352

Lane 11

inputSource 353

Lane 12

transformProcess 354

Lane 12

transformProcess 355

Lane 12

transformProcess 356

Lane 12

transformProcess 357

Lane 12

transformProcess 358

Lane 12

transformProcess 359

Lane 12

transformProcess 360

Lane 12

transformProcess 361

Lane 12

transformProcess 362

Lane 12

transformProcess 363

Lane 12

transformProcess 364

Lane 12

transformProcess 365

Lane 12

transformProcess 366

Lane 12

transformProcess 367

Lane 12

transformProcess 368

Lane 12

transformProcess 369

Lane 12

transformProcess 370

Lane 12

transformProcess 371

Lane 12

transformProcess 372

Lane 12

transformProcess 373

Lane 12

transformProcess 374

Lane 12

transformProcess 375

Lane 12

transformProcess 376

Lane 12

transformProcess 377

Lane 12

transformProcess 378

Lane 12

transformProcess 379

Lane 12

transformProcess 380

Lane 12

transformProcess 381

Lane 12

transformProcess 382

Lane 12

transformProcess 383

Lane 12

sinkOutput 384

Lane 12

inputSource 385

Lane 13

transformProcess 386

Lane 13

transformProcess 387

Lane 13

transformProcess 388

Lane 13

transformProcess 389

Lane 13

transformProcess 390

Lane 13

transformProcess 391

Lane 13

transformProcess 392

Lane 13

transformProcess 393

Lane 13

transformProcess 394

Lane 13

transformProcess 395

Lane 13

transformProcess 396

Lane 13

transformProcess 397

Lane 13

transformProcess 398

Lane 13

transformProcess 399

Lane 13

transformProcess 400

Lane 13

transformProcess 401

Lane 13

transformProcess 402

Lane 13

transformProcess 403

Lane 13

transformProcess 404

Lane 13

transformProcess 405

Lane 13

transformProcess 406

Lane 13

transformProcess 407

Lane 13

transformProcess 408

Lane 13

transformProcess 409

Lane 13

transformProcess 410

Lane 13

transformProcess 411

Lane 13

transformProcess 412

Lane 13

transformProcess 413

Lane 13

transformProcess 414

Lane 13

transformProcess 415

Lane 13

sinkOutput 416

Lane 13

inputSource 417

Lane 14

transformProcess 418

Lane 14

transformProcess 419

Lane 14

transformProcess 420

Lane 14

transformProcess 421

Lane 14

transformProcess 422

Lane 14

transformProcess 423

Lane 14

transformProcess 424

Lane 14

transformProcess 425

Lane 14

transformProcess 426

Lane 14

transformProcess 427

Lane 14

transformProcess 428

Lane 14

transformProcess 429

Lane 14

transformProcess 430

Lane 14

transformProcess 431

Lane 14

transformProcess 432

Lane 14

transformProcess 433

Lane 14

transformProcess 434

Lane 14

transformProcess 435

Lane 14

transformProcess 436

Lane 14

transformProcess 437

Lane 14

transformProcess 438

Lane 14

transformProcess 439

Lane 14

transformProcess 440

Lane 14

transformProcess 441

Lane 14

transformProcess 442

Lane 14

transformProcess 443

Lane 14

transformProcess 444

Lane 14

transformProcess 445

Lane 14

transformProcess 446

Lane 14

transformProcess 447

Lane 14

sinkOutput 448

Lane 14

inputSource 449

Lane 15

transformProcess 450

Lane 15

transformProcess 451

Lane 15

transformProcess 452

Lane 15

transformProcess 453

Lane 15

transformProcess 454

Lane 15

transformProcess 455

Lane 15

transformProcess 456

Lane 15

transformProcess 457

Lane 15

transformProcess 458

Lane 15

transformProcess 459

Lane 15

transformProcess 460

Lane 15

transformProcess 461

Lane 15

transformProcess 462

Lane 15

transformProcess 463

Lane 15

transformProcess 464

Lane 15

transformProcess 465

Lane 15

transformProcess 466

Lane 15

transformProcess 467

Lane 15

transformProcess 468

Lane 15

transformProcess 469

Lane 15

transformProcess 470

Lane 15

transformProcess 471

Lane 15

transformProcess 472

Lane 15

transformProcess 473

Lane 15

transformProcess 474

Lane 15

transformProcess 475

Lane 15

transformProcess 476

Lane 15

transformProcess 477

Lane 15

transformProcess 478

Lane 15

transformProcess 479

Lane 15

sinkOutput 480

Lane 15

inputSource 481

Lane 16

transformProcess 482

Lane 16

transformProcess 483

Lane 16

transformProcess 484

Lane 16

transformProcess 485

Lane 16

transformProcess 486

Lane 16

transformProcess 487

Lane 16

transformProcess 488

Lane 16

transformProcess 489

Lane 16

transformProcess 490

Lane 16

transformProcess 491

Lane 16

transformProcess 492

Lane 16

transformProcess 493

Lane 16

transformProcess 494

Lane 16

transformProcess 495

Lane 16

transformProcess 496

Lane 16

transformProcess 497

Lane 16

transformProcess 498

Lane 16

transformProcess 499

Lane 16

transformProcess 500

Lane 16

transformProcess 501

Lane 16

transformProcess 502

Lane 16

transformProcess 503

Lane 16

transformProcess 504

Lane 16

transformProcess 505

Lane 16

transformProcess 506

Lane 16

transformProcess 507

Lane 16

transformProcess 508

Lane 16

transformProcess 509

Lane 16

transformProcess 510

Lane 16

transformProcess 511

Lane 16

sinkOutput 512

Lane 16

inputSource 513

Lane 17

transformProcess 514

Lane 17

transformProcess 515

Lane 17

transformProcess 516

Lane 17

transformProcess 517

Lane 17

transformProcess 518

Lane 17

transformProcess 519

Lane 17

transformProcess 520

Lane 17

transformProcess 521

Lane 17

transformProcess 522

Lane 17

transformProcess 523

Lane 17

transformProcess 524

Lane 17

transformProcess 525

Lane 17

transformProcess 526

Lane 17

transformProcess 527

Lane 17

transformProcess 528

Lane 17

transformProcess 529

Lane 17

transformProcess 530

Lane 17

transformProcess 531

Lane 17

transformProcess 532

Lane 17

transformProcess 533

Lane 17

transformProcess 534

Lane 17

transformProcess 535

Lane 17

transformProcess 536

Lane 17

transformProcess 537

Lane 17

transformProcess 538

Lane 17

transformProcess 539

Lane 17

transformProcess 540

Lane 17

transformProcess 541

Lane 17

transformProcess 542

Lane 17

transformProcess 543

Lane 17

sinkOutput 544

Lane 17

inputSource 545

Lane 18

transformProcess 546

Lane 18

transformProcess 547

Lane 18

transformProcess 548

Lane 18

transformProcess 549

Lane 18

transformProcess 550

Lane 18

transformProcess 551

Lane 18

transformProcess 552

Lane 18

transformProcess 553

Lane 18

transformProcess 554

Lane 18

transformProcess 555

Lane 18

transformProcess 556

Lane 18

transformProcess 557

Lane 18

transformProcess 558

Lane 18

transformProcess 559

Lane 18

transformProcess 560

Lane 18

transformProcess 561

Lane 18

transformProcess 562

Lane 18

transformProcess 563

Lane 18

transformProcess 564

Lane 18

transformProcess 565

Lane 18

transformProcess 566

Lane 18

transformProcess 567

Lane 18

transformProcess 568

Lane 18

transformProcess 569

Lane 18

transformProcess 570

Lane 18

transformProcess 571

Lane 18

transformProcess 572

Lane 18

transformProcess 573

Lane 18

transformProcess 574

Lane 18

transformProcess 575

Lane 18

sinkOutput 576

Lane 18

inputSource 577

Lane 19

transformProcess 578

Lane 19

transformProcess 579

Lane 19

transformProcess 580

Lane 19

transformProcess 581

Lane 19

transformProcess 582

Lane 19

transformProcess 583

Lane 19

transformProcess 584

Lane 19

transformProcess 585

Lane 19

transformProcess 586

Lane 19

transformProcess 587

Lane 19

transformProcess 588

Lane 19

transformProcess 589

Lane 19

transformProcess 590

Lane 19

transformProcess 591

Lane 19

transformProcess 592

Lane 19

transformProcess 593

Lane 19

transformProcess 594

Lane 19

transformProcess 595

Lane 19

transformProcess 596

Lane 19

transformProcess 597

Lane 19

transformProcess 598

Lane 19

transformProcess 599

Lane 19

transformProcess 600

Lane 19

transformProcess 601

Lane 19

transformProcess 602

Lane 19

transformProcess 603

Lane 19

transformProcess 604

Lane 19

transformProcess 605

Lane 19

transformProcess 606

Lane 19

transformProcess 607

Lane 19

sinkOutput 608

Lane 19

inputSource 609

Lane 20

transformProcess 610

Lane 20

transformProcess 611

Lane 20

transformProcess 612

Lane 20

transformProcess 613

Lane 20

transformProcess 614

Lane 20

transformProcess 615

Lane 20

transformProcess 616

Lane 20

transformProcess 617

Lane 20

transformProcess 618

Lane 20

transformProcess 619

Lane 20

transformProcess 620

Lane 20

transformProcess 621

Lane 20

transformProcess 622

Lane 20

transformProcess 623

Lane 20

transformProcess 624

Lane 20

transformProcess 625

Lane 20

transformProcess 626

Lane 20

transformProcess 627

Lane 20

transformProcess 628

Lane 20

transformProcess 629

Lane 20

transformProcess 630

Lane 20

transformProcess 631

Lane 20

transformProcess 632

Lane 20

transformProcess 633

Lane 20

transformProcess 634

Lane 20

transformProcess 635

Lane 20

transformProcess 636

Lane 20

transformProcess 637

Lane 20

transformProcess 638

Lane 20

transformProcess 639

Lane 20

sinkOutput 640

Lane 20

inputSource 641

Lane 21

transformProcess 642

Lane 21

transformProcess 643

Lane 21

transformProcess 644

Lane 21

transformProcess 645

Lane 21

transformProcess 646

Lane 21

transformProcess 647

Lane 21

transformProcess 648

Lane 21

transformProcess 649

Lane 21

transformProcess 650

Lane 21

transformProcess 651

Lane 21

transformProcess 652

Lane 21

transformProcess 653

Lane 21

transformProcess 654

Lane 21

transformProcess 655

Lane 21

transformProcess 656

Lane 21

transformProcess 657

Lane 21

transformProcess 658

Lane 21

transformProcess 659

Lane 21

transformProcess 660

Lane 21

transformProcess 661

Lane 21

transformProcess 662

Lane 21

transformProcess 663

Lane 21

transformProcess 664

Lane 21

transformProcess 665

Lane 21

transformProcess 666

Lane 21

transformProcess 667

Lane 21

transformProcess 668

Lane 21

transformProcess 669

Lane 21

transformProcess 670

Lane 21

transformProcess 671

Lane 21

sinkOutput 672

Lane 21

inputSource 673

Lane 22

transformProcess 674

Lane 22

transformProcess 675

Lane 22

transformProcess 676

Lane 22

transformProcess 677

Lane 22

transformProcess 678

Lane 22

transformProcess 679

Lane 22

transformProcess 680

Lane 22

transformProcess 681

Lane 22

transformProcess 682

Lane 22

transformProcess 683

Lane 22

transformProcess 684

Lane 22

transformProcess 685

Lane 22

transformProcess 686

Lane 22

transformProcess 687

Lane 22

transformProcess 688

Lane 22

transformProcess 689

Lane 22

transformProcess 690

Lane 22

transformProcess 691

Lane 22

transformProcess 692

Lane 22

transformProcess 693

Lane 22

transformProcess 694

Lane 22

transformProcess 695

Lane 22

transformProcess 696

Lane 22

transformProcess 697

Lane 22

transformProcess 698

Lane 22

transformProcess 699

Lane 22

transformProcess 700

Lane 22

transformProcess 701

Lane 22

transformProcess 702

Lane 22

transformProcess 703

Lane 22

sinkOutput 704

Lane 22

inputSource 705

Lane 23

transformProcess 706

Lane 23

transformProcess 707

Lane 23

transformProcess 708

Lane 23

transformProcess 709

Lane 23

transformProcess 710

Lane 23

transformProcess 711

Lane 23

transformProcess 712

Lane 23

transformProcess 713

Lane 23

transformProcess 714

Lane 23

transformProcess 715

Lane 23

transformProcess 716

Lane 23

transformProcess 717

Lane 23

transformProcess 718

Lane 23

transformProcess 719

Lane 23

transformProcess 720

Lane 23

transformProcess 721

Lane 23

transformProcess 722

Lane 23

transformProcess 723

Lane 23

transformProcess 724

Lane 23

transformProcess 725

Lane 23

transformProcess 726

Lane 23

transformProcess 727

Lane 23

transformProcess 728

Lane 23

transformProcess 729

Lane 23

transformProcess 730

Lane 23

transformProcess 731

Lane 23

transformProcess 732

Lane 23

transformProcess 733

Lane 23

transformProcess 734

Lane 23

transformProcess 735

Lane 23

sinkOutput 736

Lane 23

inputSource 737

Lane 24

transformProcess 738

Lane 24

transformProcess 739

Lane 24

transformProcess 740

Lane 24

transformProcess 741

Lane 24

transformProcess 742

Lane 24

transformProcess 743

Lane 24

transformProcess 744

Lane 24

transformProcess 745

Lane 24

transformProcess 746

Lane 24

transformProcess 747

Lane 24

transformProcess 748

Lane 24

transformProcess 749

Lane 24

transformProcess 750

Lane 24

transformProcess 751

Lane 24

transformProcess 752

Lane 24

transformProcess 753

Lane 24

transformProcess 754

Lane 24

transformProcess 755

Lane 24

transformProcess 756

Lane 24

transformProcess 757

Lane 24

transformProcess 758

Lane 24

transformProcess 759

Lane 24

transformProcess 760

Lane 24

transformProcess 761

Lane 24

transformProcess 762

Lane 24

transformProcess 763

Lane 24

transformProcess 764

Lane 24

transformProcess 765

Lane 24

transformProcess 766

Lane 24

transformProcess 767

Lane 24

sinkOutput 768

Lane 24

inputSource 769

Lane 25

transformProcess 770

Lane 25

transformProcess 771

Lane 25

transformProcess 772

Lane 25

transformProcess 773

Lane 25

transformProcess 774

Lane 25

transformProcess 775

Lane 25

transformProcess 776

Lane 25

transformProcess 777

Lane 25

transformProcess 778

Lane 25

transformProcess 779

Lane 25

transformProcess 780

Lane 25

transformProcess 781

Lane 25

transformProcess 782

Lane 25

transformProcess 783

Lane 25

transformProcess 784

Lane 25

transformProcess 785

Lane 25

transformProcess 786

Lane 25

transformProcess 787

Lane 25

transformProcess 788

Lane 25

transformProcess 789

Lane 25

transformProcess 790

Lane 25

transformProcess 791

Lane 25

transformProcess 792

Lane 25

transformProcess 793

Lane 25

transformProcess 794

Lane 25

transformProcess 795

Lane 25

transformProcess 796

Lane 25

transformProcess 797

Lane 25

transformProcess 798

Lane 25

transformProcess 799

Lane 25

sinkOutput 800

Lane 25

inputSource 801

Lane 26

transformProcess 802

Lane 26

transformProcess 803

Lane 26

transformProcess 804

Lane 26

transformProcess 805

Lane 26

transformProcess 806

Lane 26

transformProcess 807

Lane 26

transformProcess 808

Lane 26

transformProcess 809

Lane 26

transformProcess 810

Lane 26

transformProcess 811

Lane 26

transformProcess 812

Lane 26

transformProcess 813

Lane 26

transformProcess 814

Lane 26

transformProcess 815

Lane 26

transformProcess 816

Lane 26

transformProcess 817

Lane 26

transformProcess 818

Lane 26

transformProcess 819

Lane 26

transformProcess 820

Lane 26

transformProcess 821

Lane 26

transformProcess 822

Lane 26

transformProcess 823

Lane 26

transformProcess 824

Lane 26

transformProcess 825

Lane 26

transformProcess 826

Lane 26

transformProcess 827

Lane 26

transformProcess 828

Lane 26

transformProcess 829

Lane 26

transformProcess 830

Lane 26

transformProcess 831

Lane 26

sinkOutput 832

Lane 26

inputSource 833

Lane 27

transformProcess 834

Lane 27

transformProcess 835

Lane 27

transformProcess 836

Lane 27

transformProcess 837

Lane 27

transformProcess 838

Lane 27

transformProcess 839

Lane 27

transformProcess 840

Lane 27

transformProcess 841

Lane 27

transformProcess 842

Lane 27

transformProcess 843

Lane 27

transformProcess 844

Lane 27

transformProcess 845

Lane 27

transformProcess 846

Lane 27

transformProcess 847

Lane 27

transformProcess 848

Lane 27

transformProcess 849

Lane 27

transformProcess 850

Lane 27

transformProcess 851

Lane 27

transformProcess 852

Lane 27

transformProcess 853

Lane 27

transformProcess 854

Lane 27

transformProcess 855

Lane 27

transformProcess 856

Lane 27

transformProcess 857

Lane 27

transformProcess 858

Lane 27

transformProcess 859

Lane 27

transformProcess 860

Lane 27

transformProcess 861

Lane 27

transformProcess 862

Lane 27

transformProcess 863

Lane 27

sinkOutput 864

Lane 27

inputSource 865

Lane 28

transformProcess 866

Lane 28

transformProcess 867

Lane 28

transformProcess 868

Lane 28

transformProcess 869

Lane 28

transformProcess 870

Lane 28

transformProcess 871

Lane 28

transformProcess 872

Lane 28

transformProcess 873

Lane 28

transformProcess 874

Lane 28

transformProcess 875

Lane 28

transformProcess 876

Lane 28

transformProcess 877

Lane 28

transformProcess 878

Lane 28

transformProcess 879

Lane 28

transformProcess 880

Lane 28

transformProcess 881

Lane 28

transformProcess 882

Lane 28

transformProcess 883

Lane 28

transformProcess 884

Lane 28

transformProcess 885

Lane 28

transformProcess 886

Lane 28

transformProcess 887

Lane 28

transformProcess 888

Lane 28

transformProcess 889

Lane 28

transformProcess 890

Lane 28

transformProcess 891

Lane 28

transformProcess 892

Lane 28

transformProcess 893

Lane 28

transformProcess 894

Lane 28

transformProcess 895

Lane 28

sinkOutput 896

Lane 28

inputSource 897

Lane 29

transformProcess 898

Lane 29

transformProcess 899

Lane 29

transformProcess 900

Lane 29

transformProcess 901

Lane 29

transformProcess 902

Lane 29

transformProcess 903

Lane 29

transformProcess 904

Lane 29

transformProcess 905

Lane 29

transformProcess 906

Lane 29

transformProcess 907

Lane 29

transformProcess 908

Lane 29

transformProcess 909

Lane 29

transformProcess 910

Lane 29

transformProcess 911

Lane 29

transformProcess 912

Lane 29

transformProcess 913

Lane 29

transformProcess 914

Lane 29

transformProcess 915

Lane 29

transformProcess 916

Lane 29

transformProcess 917

Lane 29

transformProcess 918

Lane 29

transformProcess 919

Lane 29

transformProcess 920

Lane 29

transformProcess 921

Lane 29

transformProcess 922

Lane 29

transformProcess 923

Lane 29

transformProcess 924

Lane 29

transformProcess 925

Lane 29

transformProcess 926

Lane 29

transformProcess 927

Lane 29

sinkOutput 928

Lane 29

inputSource 929

Lane 30

transformProcess 930

Lane 30

transformProcess 931

Lane 30

transformProcess 932

Lane 30

transformProcess 933

Lane 30

transformProcess 934

Lane 30

transformProcess 935

Lane 30

transformProcess 936

Lane 30

transformProcess 937

Lane 30

transformProcess 938

Lane 30

transformProcess 939

Lane 30

transformProcess 940

Lane 30

transformProcess 941

Lane 30

transformProcess 942

Lane 30

transformProcess 943

Lane 30

transformProcess 944

Lane 30

transformProcess 945

Lane 30

transformProcess 946

Lane 30

transformProcess 947

Lane 30

transformProcess 948

Lane 30

transformProcess 949

Lane 30

transformProcess 950

Lane 30

transformProcess 951

Lane 30

transformProcess 952

Lane 30

transformProcess 953

Lane 30

transformProcess 954

Lane 30

transformProcess 955

Lane 30

transformProcess 956

Lane 30

transformProcess 957

Lane 30

transformProcess 958

Lane 30

transformProcess 959

Lane 30

sinkOutput 960

Lane 30

inputSource 961

Lane 31

transformProcess 962

Lane 31

transformProcess 963

Lane 31

transformProcess 964

Lane 31

transformProcess 965

Lane 31

transformProcess 966

Lane 31

transformProcess 967

Lane 31

transformProcess 968

Lane 31

transformProcess 969

Lane 31

transformProcess 970

Lane 31

transformProcess 971

Lane 31

transformProcess 972

Lane 31

transformProcess 973

Lane 31

transformProcess 974

Lane 31

transformProcess 975

Lane 31

transformProcess 976

Lane 31

transformProcess 977

Lane 31

transformProcess 978

Lane 31

transformProcess 979

Lane 31

transformProcess 980

Lane 31

transformProcess 981

Lane 31

transformProcess 982

Lane 31

transformProcess 983

Lane 31

transformProcess 984

Lane 31

transformProcess 985

Lane 31

transformProcess 986

Lane 31

transformProcess 987

Lane 31

transformProcess 988

Lane 31

transformProcess 989

Lane 31

transformProcess 990

Lane 31

transformProcess 991

Lane 31

sinkOutput 992

Lane 31

inputSource 993

Lane 32

transformProcess 994

Lane 32

transformProcess 995

Lane 32

transformProcess 996

Lane 32

transformProcess 997

Lane 32

transformProcess 998

Lane 32

transformProcess 999

Lane 32

sinkOutput 1000

Lane 32

Svelte Flow

Frame observations

First frame: Waiting…
Timed sample: Waiting…

No timed sample yet. · browser-local only

Real workload

The default is 1,000 nodes and 968 edges generated by the shared scale helper. Counts are intentionally limited to 100, 500, and 1,000 for an easy comparison.

What the numbers mean

First frame: the next animation frame after this route mounts. Sample: the next frame after an explicit action. Both use performance.now() and requestAnimationFrame.

Browser-local evidence

These are timing observations for this browser tab, device, zoom, and current workload — not a portable benchmark or persistent telemetry.

Under the hood SVELTE 5View source

src/routes/demo/scale/+page.svelte

<script lang="ts">
	import { onDestroy, onMount } from 'svelte';
	import { Background, Controls, MiniMap, Panel, SvelteFlow } from '@xyflow/svelte';
	import DemoShell from '$lib/components/DemoShell.svelte';
	import StudioNode from '$lib/components/StudioNode.svelte';
	import { createScaleGraph } from '$lib/flow/graph';
	import type { FlowEdge, FlowNode } from '$lib/flow/graph';
	import source from './+page.svelte?raw';

	type Count = 100 | 500 | 1000;
	const counts: Count[] = [100, 500, 1000];
	const nodeTypes = {
		input: StudioNode,
		transform: StudioNode,
		branch: StudioNode,
		sink: StudioNode,
		note: StudioNode
	};

	const initialGraph = createScaleGraph(1000);
	let count = $state<Count>(1000);
	let onlyRenderVisibleElements = $state(true);
	let nodes = $state.raw<FlowNode[]>(initialGraph.nodes);
	let edges = $state.raw<FlowEdge[]>(initialGraph.edges);
	let firstFrameMs = $state<number | null>(null);
	let sampleFrameMs = $state<number | null>(null);
	let sampleLabel = $state('No timed sample yet.');
	let firstFrameRaf: number | null = null;
	let sampleRaf: number | null = null;

	function formatMs(value: number | null) {
		return value === null ? 'Waiting…' : `${value.toFixed(1)} ms`;
	}

	function measureNextFrame(label: string) {
		if (typeof requestAnimationFrame !== 'function') {
			sampleLabel = 'Animation frames are unavailable in this environment.';
			return;
		}
		if (sampleRaf !== null) cancelAnimationFrame(sampleRaf);
		const startedAt = performance.now();
		sampleLabel = label;
		sampleRaf = requestAnimationFrame((frameTime) => {
			sampleFrameMs = Math.max(0, frameTime - startedAt);
			sampleRaf = null;
		});
	}

	function handleCountChange(event: Event) {
		const next = Number((event.currentTarget as HTMLSelectElement).value);
		if (!counts.includes(next as Count)) return;
		count = next as Count;
		const graph = createScaleGraph(count);
		nodes = graph.nodes;
		edges = graph.edges;
		firstFrameMs = null;
		sampleFrameMs = null;
		measureNextFrame(`After switching to ${count.toLocaleString()} nodes`);
	}

	function handleVisibilityChange() {
		measureNextFrame(
			onlyRenderVisibleElements ? 'Visible-elements rendering enabled' : 'All-elements rendering enabled'
		);
	}

	onMount(() => {
		const mountedAt = performance.now();
		firstFrameRaf = requestAnimationFrame((frameTime) => {
			firstFrameMs = Math.max(0, frameTime - mountedAt);
			firstFrameRaf = null;
		});
	});

	onDestroy(() => {
		if (firstFrameRaf !== null) cancelAnimationFrame(firstFrameRaf);
		if (sampleRaf !== null) cancelAnimationFrame(sampleRaf);
		firstFrameRaf = null;
		sampleRaf = null;
	});
</script>

<DemoShell
	slug="scale"
	title="A thousand nodes, still inspectable"
	description="This route starts with a real 1,000-node graph. Change the workload or rendering strategy, then take a browser-local frame sample instead of trusting a made-up benchmark."
	{source}
>
	{#snippet toolbar()}
		<div class="flex flex-wrap items-center gap-3" aria-label="Scale controls">
			<label class="flex items-center gap-2 text-sm">
				<span class="font-medium">Nodes</span>
				<select class="select select-bordered select-sm" aria-label="Node count" value={count} onchange={handleCountChange}>
					{#each counts as option}
						<option value={option}>{option.toLocaleString()}</option>
					{/each}
				</select>
			</label>
			<label class="flex items-center gap-2 text-sm">
				<input
					type="checkbox"
					class="toggle toggle-primary"
					bind:checked={onlyRenderVisibleElements}
					onchange={handleVisibilityChange}
				/>
				<span>Render visible nodes only</span>
			</label>
			<button class="btn btn-sm btn-primary" onclick={() => measureNextFrame('Manual next-frame sample')}>
				Sample next frame
			</button>
		</div>
	{/snippet}

	{#snippet info()}
		<div class="grid gap-4 md:grid-cols-3">
			<div>
				<h2 class="font-semibold">Real workload</h2>
				<p class="mt-1 text-sm text-base-content/70">
					The default is <strong>{count.toLocaleString()} nodes</strong> and {edges.length.toLocaleString()} edges generated by the shared scale helper.
					Counts are intentionally limited to 100, 500, and 1,000 for an easy comparison.
				</p>
			</div>
			<div>
				<h2 class="font-semibold">What the numbers mean</h2>
				<p class="mt-1 text-sm text-base-content/70">
					First frame: the next animation frame after this route mounts. Sample: the next frame after an explicit action.
					Both use <code>performance.now()</code> and <code>requestAnimationFrame</code>.
				</p>
			</div>
			<div>
				<h2 class="font-semibold">Browser-local evidence</h2>
				<p class="mt-1 text-sm text-base-content/70">
					These are timing observations for this browser tab, device, zoom, and current workload — not a portable benchmark or persistent telemetry.
				</p>
			</div>
		</div>
	{/snippet}

	<SvelteFlow
		id="demo-scale"
		bind:nodes
		bind:edges
		{nodeTypes}
		{onlyRenderVisibleElements}
		fitView
		fitViewOptions={{ padding: 0.08 }}
		aria-label="Large scale workflow canvas"
	>
		<Background />
		<Controls />
		<MiniMap pannable zoomable />
		<Panel position="top-right">
			<div class="rounded-box border border-base-300 bg-base-100/95 p-3 text-xs shadow-sm" aria-live="polite">
				<div class="mb-2 font-semibold">Frame observations</div>
				<dl class="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1">
					<dt class="text-base-content/60">First frame</dt>
					<dd class="text-right font-mono">{formatMs(firstFrameMs)}</dd>
					<dt class="text-base-content/60">Timed sample</dt>
					<dd class="text-right font-mono">{formatMs(sampleFrameMs)}</dd>
				</dl>
				<p class="mt-2 max-w-56 text-base-content/60">{sampleLabel} · browser-local only</p>
			</div>
		</Panel>
	</SvelteFlow>
</DemoShell>

The actual route source, imported with ?raw. Shared components and graph utilities live in src/lib.