Skip to main content
100%

Gist c7d6ce69974576c130ef

✓ Published0🌍 Public
Aalessioalex
Last edited Oct 3, 2014
Created on Nov 20, 2014

This example converts Node.js V8 log files into symbolicated perf maps for generating flame graphs. The `convert.js` script parses code-creation events from the v8 log, extracting the instruction start address, length, type, and function name to produce entries in the format expected by Linux perf. The workflow uses `fs.readFileSync` and `split` to process the log, then pipes the output to a perf map file. The resulting visualization shows CPU sampling data from `perf record` as a flame graph, enabling performance analysis without upgrading Node.js.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 290788

This example visualizes the output of a Node.js test suite run, showing each test's progress, pass/fail status, and any errors or crashes over time. The data comes from a plain-text log file generated by a command-line test runner. The visualization uses D3.js to parse the log and render a timeline of test executions, with colored markers indicating passing tests, failures, and crashes, alongside error messages and stack traces for failed tests.

XXXX
62% match
Loading thumbnail…

Gist 58d08353ae4a8a72f84a

This example demonstrates a debugging technique for retrieving a JavaScript stack trace from a Node.js process stuck in an infinite loop. It shows the step-by-step process of attaching GDB to the running process, setting a breakpoint at `v8::internal::Runtime_StackGuard`, and triggering `v8::V8::TerminateExecution` to reach a safe point where V8 can print the trace via `V8_Fatal`. The output reveals the JavaScript call stack, including function names and file locations.

Aalessioalex
60% match
Loading thumbnail…

Node read stream

This example streams the contents of a server log file directly to the browser as an HTTP response. It uses Node.js’s `fs.createReadStream` to read the file with UTF-8 encoding, then listens to the `'data'` event to strip newline characters and send each chunk via `res.send`. The code does not perform any visual rendering or charting; instead, it demonstrates a raw data-delivery pattern where log entries are pushed to the client in real time as they are read. No visualization library is involved.

Aalessioalex
59% match
Loading thumbnail…

Gist 7729027

This visualization shows the architecture of a multi-datacenter Node.js deployment, mapping how traffic flows from clients through load balancers, Apache, and hapi.js servers to legacy Java services and analytics pipelines. The diagram uses the `d3.forceSimulation` layout to position nodes representing processes, plugins, and message queues, with edges linking components like `good`, `elmer`, and `prospector`. The code highlights the `services-us-legacy` proxy plugin and its route configuration, while the analytics flow into RabbitMQ, MongoDB, and Splunk is traced from the raw gistfile1.md data.

Aalessioalex
59% match
Loading thumbnail…

Gist 9ea11dbcc52b4bb1c048

This example shows performance analysis for a data engineering capstone project, comparing a legacy Python log parser against a proposed Scala implementation on Spark and Mesos. The visualization tracks transfer metrics from ASCP log data, specifically examining throughput and packet rates. Using d3.js for charting, it evaluates how efficiently the new streaming solution handles regex parsing of unstructured logs. The project also demonstrates integration with Redis for persistent storage and FaspStream for live data ingestion, with the D3 visualizations presenting benchmark results from test log datasets.

BBBischof
59% match
Loading thumbnail…

npm start log

This visualization parses the terminal output of an `npm start` command into a hierarchical tree layout, showing the sequence of error messages and stack traces as interconnected nodes. It uses the d3.hierarchy and d3.tree layouts to arrange the log lines, with each line of the error trace becoming a separate leaf node connected by parent-child links. The color of each node encodes the severity of the message, from the initial command to the final `npm ERR! not ok code 0` status. The text is rendered directly into SVG elements using d3’s selection and data-join methods, preserving the original wording of the error output.

SStephen
59% match
Loading thumbnail…

Gist 9442b080af40909ec71d

This animation visualizes performance data collected from a development tools session. The code periodically dumps accumulated performance metrics to a file, writing each batch of records as comma-separated JSON objects appended to `devtools.json`. It uses `fs.appendFile` to write data every 3 seconds, managing the first-write flag to properly format the array. The visualization relies on a global `perfs` array that stores performance entries, which are serialized and output without any charting or rendering library.

Aali-bugdayci
58% match
Loading thumbnail…

Gist c53b34b249207da31466

This animated visualization is a Node.js cheat sheet that displays API documentation in a dynamic, moving format. The code covers fundamental Node.js concepts including global objects, console methods, timers, modules, and process handling. It demonstrates the use of the http module to create a web server and various event-driven programming techniques. The animation renders the documentation in a visually engaging way, showcasing both the syntax and usage of core Node.js APIs.

SSwampGuzzler
58% match