Google Flights Price Graph Enhancer

WHAT IT DOES

This userscript transforms your Google Flights search results into an interactive price analysis dashboard. It reads flight price data from the page—extracting price points, dates, and trends from the price graph—and displays an enhanced visual overlay with color-coded price indicators. Each price point is color-coded: green for the lowest prices, light green for great prices, yellow for average, orange for above average, and red for the highest prices. A summary panel shows the cheapest date, price range, average price, and trend direction (increasing, decreasing, or stable). Savings calculations show the potential savings between the cheapest and most expensive dates. A one-click "Book Cheapest Date" button opens the booking page for the lowest-priced date. This is invaluable for budget-conscious travelers, frequent flyers, and anyone looking to find the best flight deals by visualizing price patterns and identifying the optimal travel dates.

WHERE IT RUNS

The script runs on all Google web application pages at *.google.com/*, with automatic detection of Google Flights search results pages and any page displaying flight price graphs. It works across all Google Flights interfaces by using multiple selector strategies to find price points, dates, graph bars, and booking links. The script detects dynamic content loading and re-renders the enhanced price graph when the search results update. It runs across the entire Google domain, ensuring coverage whether you're viewing flight search results, price graphs, or specific route pricing.

HOW TO USE

Install the script via the BotGentz extension and navigate to any Google Flights search results page. The enhanced price graph will appear automatically, showing color-coded price bars for each available date. Each bar is color-coded based on its price relative to the range. Hover over any bar to see the date and price. The summary panel shows the cheapest date, price range, average price, and trend direction. Click the "Book Cheapest Date" button to open the booking page for the cheapest date in a new tab. Use the panel controls to customize your experience: toggle the enhanced price graph on or off, show or hide trend indicators, enable or disable the price range summary, show or hide savings calculations, or auto-highlight the cheapest date. The "Refresh" button manually rescans the page for updated price data, and the "Copy summary" button exports the price summary to your clipboard.

THE MECHANISM - PRICE EXTRACTION, STATISTICAL ANALYSIS, AND VISUAL ENHANCEMENT

This script identifies price data by scanning the Google Flights page for price graph elements, price points, and date labels. It uses a cascading selector strategy that looks for price graph points (.price-graph-point, .graph-point, .price-point), price values, and date labels. When direct selectors fail, the script extracts prices from price elements and attempts to associate them with nearby dates. The price range, average, minimum, and maximum are calculated from the extracted price data. The trend direction is determined by comparing the average of the first half of the data against the second half. Each price is color-coded based on its position in the range: best (bottom 15%), great (15-35%), average (35-55%), above (55-75%), and high (top 25%). The enhanced graph is built as a DOM element with inline styles and inserted into the page. The "Book Cheapest" button attempts to find the booking link for the cheapest date by scanning the page for booking anchors.

THE PANEL

The control panel appears as a floating, draggable element that you can position anywhere on the Google Flights page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the chart emoji (📊), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes all setting toggles, action buttons, and a price legend. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within Google Flights, with the enhanced price graph updating automatically as you modify search parameters.

PLEASE NOTE

This script requires the free BotGentz extension to function. It is designed for Google Flights users who need to compare prices and find the best deals. The script reads only visible price data from the DOM—it does not access Google's API, your account credentials, or any sensitive information. All settings (graph visibility, trend toggle, summary toggle, savings toggle, highlight toggle, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your Google data—it only reads and visualizes visible price information. Price comparisons are calculated relative to the dates currently visible on the page; as you modify search parameters, the comparisons update accordingly. If Google Flights updates its website structure, the script may need to be updated to match new selectors. The "Book Cheapest" button attempts to find a booking link; if the link cannot be found, you may need to select a date manually.