sell-strat

100%

✓ Published0🌍 Public

Last edited Jun 11, 2018

Created on Feb 15, 2018

The visualization explores investing strategies for the NASDAQ Composite index, showing how different buy/sell thresholds impact long-term returns. It uses a line chart with a logarithmic y-axis to display price over time, overlaid with green and red segments marking periods of holding and cashing out. A color-coded heatmap grid allows interactive exploration of parameters by hovering or dragging to adjust the buy/sell change percentage and the time window. The chart is rendered with D3 (SVG) and updated on drag, with a transparent canvas for performance. Data comes from the St. Louis Fed's FRED series.

AI-generated description

finished

https://fred.stlouisfed.org/series/NASDAQCOM

x tick format x round bt in tooltip x drag speed x reindex line on decade hover (don't like with zoom)
bloomberg colors? maybe not color brewer idk x make drag use cache
add bar chart to drag x make line chart update on drag x make line chart draw on load x canvas grid x add hover box back x is 14 days one week? or should it be 10 x tt off by one on hover x what doesn't percent of returns mean
draw connection line...

grid

color
label axis
key

decade

format data
link hover

window slider

Similar vizzes

Loading thumbnail…

Untitled

This interactive line chart visualizes the High and Low values of stock symbols from the National Stock Exchange of India, with an animated transition between the two metrics. A dropdown menu lets users switch between the High and Low series, triggering a smooth data update. The visualization uses d3.csv to load data, d3.scaleBand for the categorical x-axis, d3.scaleLinear for the y-axis, and d3.line to draw the path, with circles marking data points. The update function employs d3 transitions over 1000 milliseconds to animate the line and dots, rendered as SVG elements.

SSheela2930

64% match

Loading thumbnail…

Untitled

This interactive scatterplot displays stock data with price on the x-axis and true value on the y-axis, using colored circles to represent stock types. Users filter the visualization through a dropdown menu for sector selection and jQuery UI sliders that adjust volume and delta ranges. The D3.js code loads data from a CSV file, applies keyed enter/update/exit selections, and includes hover tooltips that highlight individual stocks. The SVG renderer uses d3.axisBottom and d3.axisLeft for axes, with d3.scaleOrdinal for categorical coloring.

Mmkolowrat

64% match

Loading thumbnail…

Untitled

This visualization displays the relative performance of multiple stocks over time, with lines for each stock colored according to a categorical palette. The y-axis uses a logarithmic scale to show the ratio of each stock’s current value to its initial value, enabling comparison of percentage changes across different price levels. The chart is built with D3.js v6 within a React framework, using `d3.scaleLog`, `d3.line`, and `d3.axisLeft` with gridlines, and is rendered as an SVG with animation support. Data is fetched from a CSV file containing stock prices and volumes.

Yyinghao11

63% match

Loading thumbnail…

fresh block

The visualization shows a time-series area chart of stock prices, with the area colored red for values above 150 and blue for values below 150, highlighting threshold crossings. It uses D3.js (v3) with `d3.svg.area()`, `d3.time.scale()`, and `d3.svg.axis()` to render the SVG. Data is loaded from an external TSV file and parsed with `d3.time.format`. The code splits the dataset into contiguous segments based on the price threshold, then draws each segment as a separate colored area path. Axes are added for time and price, with the y-axis labeled “Price ($)”.

AAaronWitter

63% match

Loading thumbnail…

stock

This visualization animates the high prices of banking stocks over time, first drawing each stock’s line progressively, then transforming the chart into a horizon graph by stacking and compressing multiple area layers with distinct fill colors. It uses D3 v3’s `d3.svg.line`, `d3.svg.area`, and `d3.svg.axis` to render SVG paths, with transitions driven by `d3.timer` and `setTimeout`. Data is loaded from a CSV file via `d3.csv`, nested by symbol, and sorted by maximum price.

SSheela2930

62% match

Loading thumbnail…

Untitled

This visualization displays the closing prices and trading volumes of ten stocks over time, using a logarithmic scale to compare relative changes across different price and volume ranges. Each stock is drawn as a colored line, with a dropdown or toggle option to switch between close price and volume metrics. The chart uses D3 v6 with SVG rendering and includes gridlines, axis ticks, and a time-based x-axis. Data is loaded from a CSV file hosted on GitHub, and the color palette assigns a distinct hue to each stock symbol.

Lluxingyu

62% match

Loading thumbnail…

stock

A multi-line chart animates banking stock prices over time, with each series plotted in its own horizontal band and labeled by symbol. The visualization first draws lines progressively using a `d3.timer`, then transitions into horizon charts by stacking filled areas with a `clipPath`. Data is loaded via `d3.csv` from a gist and parsed with `d3.time.format`. The SVG rendering uses `d3.svg.line`, `d3.svg.area`, and `d3.scale.linear` to map dates and prices, with color assigned by `d3.scale.category10`.

SSheela2930

62% match

Loading thumbnail…

Percentage Change II

This visualization depicts daily stock price changes as a percentage relative to the initial value, using a logarithmic y-axis to emphasize proportional shifts. A black line traces the full time series, while the area beneath it is filled with two distinct colors—green for periods above the baseline and purple for those below—achieved through clipping rectangles defined in SVG `<defs>`. The chart uses D3 v3’s `d3.svg.axis`, `d3.svg.line`, and `d3.svg.area` APIs, with data loaded via `d3.tsv` from a tab-separated file. Tick labels format the change as percentages, and the axis includes a subtle highlight for the zero-change tick.

Mmbostock

61% match