<commit_before># Visualization
The base class for all visualizations.

* [SummaryVisualization](SummaryVisualization.md)
* [GeneralVisualization](GeneralVisualization.md)
* [D3Visualization](D3Visualization.md)
* [ChartistVisualization](ChartistVisualization.md)

All visualizations are [closable and movable](../lib/utils.md) by default.

If you are interested on creatinga brand new visualization, please look the manual: [Extending Visualizations](Extending_Visualizations.md)

## Constructor

#### Visualization ( props : `Object` )
 Creates a Visualization.

 > id - The id of the visualization.
 >
 > data-source - The source where CityDashboard will find the data.
 >
 > title - The title of the visualization.
 >
 > properties - The CSS properties of the visualization. Attribute `closable` will add a close button. Attribute `movable` will add arrow buttons and let the visualization be moved between it's siblings. Both Attributes are setted by default.
 >
 > preprocess - A function. It modifies the data before being used by the visualization.
 >
 > data - If data-source matches this visualization's id, this values are used.
 >
 > checkbox - A hash of pairs: ___label___, ___boolean___.
 >
 > checkbox-handler - A function. It takes an array of booleans and the data. Its output must be the data processed according to the selected checkboxes.
 ><commit_msg>fix error on "extending visualizations" url<commit_after># Visualization
The base class for all visualizations.

* [SummaryVisualization](SummaryVisualization.md)
* [GeneralVisualization](GeneralVisualization.md)
* [D3Visualization](D3Visualization.md)
* [ChartistVisualization](ChartistVisualization.md)

All visualizations are [closable and movable](../lib/utils.md) by default.

If you are interested on creatinga brand new visualization, please look the manual: [Extending Visualizations](../Manual/Extending_Visualizations.md)

## Constructor

#### Visualization ( props : `Object` )
 Creates a Visualization.

 > id - The id of the visualization.
 >
 > data-source - The source where CityDashboard will find the data.
 >
 > title - The title of the visualization.
 >
 > properties - The CSS properties of the visualization. Attribute `closable` will add a close button. Attribute `movable` will add arrow buttons and let the visualization be moved between it's siblings. Both Attributes are setted by default.
 >
 > preprocess - A function. It modifies the data before being used by the visualization.
 >
 > data - If data-source matches this visualization's id, this values are used.
 >
 > checkbox - A hash of pairs: ___label___, ___boolean___.
 >
 > checkbox-handler - A function. It takes an array of booleans and the data. Its output must be the data processed according to the selected checkboxes.
 >
{'fraction_non_alphanumeric': 0.07974137931034483, 'fraction_numerical': 0.0014367816091954023, 'mean_word_length': 4.547808764940239, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3093792', 'n_tokens_mistral': 738, 'n_tokens_neox': 713, 'n_words': 311}