<commit_before>__ Summary __

This reference Javascript duplicates the off the shelf Line Graph widget as a custom widget, making a call to the Flot graphing library. Developers can modify to fit their needs with all of the options available to them in the code.  This code assumes that the data and dataport information will be provided on each widget container refresh.

__ Image __ 

![image](screen_shot_line_graph.png)<commit_msg>a few updates to the readme for the line graph flot example<commit_after># Summary

This reference Javascript duplicates the off the shelf Line Graph widget as a custom widget, making a call to the Flot graphing library. Developers can modify to fit their needs with all of the options available to them in the code.  This code assumes that the data and dataport information will be provided on each widget container refresh.

### To use:

1. Add a new Widget on a custom dashboard (Add Widget button)
2. Choose Custom Widget type.
3. Copy the code from the .js file and insert into the widget configuration window
4. Choose refresh time, data to display, and x/y size for the widget
5. Save and reload the page.

### What it looks like

![image](screen_shot_line_graph.png)
{'fraction_non_alphanumeric': 0.03887510339123242, 'fraction_numerical': 0.0041356492969396195, 'mean_word_length': 4.426008968609866, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5618361', 'n_tokens_mistral': 305, 'n_tokens_neox': 295, 'n_words': 190}