<commit_before>// Creates a player control inside the player div. The function returned can be used to 
// set the data of the player and the function handler.
var playerUpdateFn = vdd.player.createPlayerFn($("div#player"));

var h = 400;
var w = 800;

var chart = d3.select("svg.chart")
  .attr("width", w) 
  .attr("height", h);

// Time duration in ms
var duration = 200;

var xScale = d3.scale.ordinal()
  .rangeRoundBands([0, w], 0.05, 0);
var yScale = d3.scale.linear()
  .range([20, h]);

// Handles receiving visualization data through WAMP.
function onVizData(topic, eventData) {
  console.log("visualization data received", eventData);<commit_msg>Specifying the duration for each frame of the play animation.<commit_after>// Time duration in ms
var duration = 300;

// Creates a player control inside the player div. The function returned can be used to 
// set the data of the player and the function handler.
var playerUpdateFn = vdd.player.createPlayerFn($("div#player"), {duration: duration - 50});

var h = 400;
var w = 800;

var chart = d3.select("svg.chart")
  .attr("width", w) 
  .attr("height", h);


var xScale = d3.scale.ordinal()
  .rangeRoundBands([0, w], 0.05, 0);
var yScale = d3.scale.linear()
  .range([20, h]);

// Handles receiving visualization data through WAMP.
function onVizData(topic, eventData) {
  console.log("visualization data received", eventData);
{'fraction_non_alphanumeric': 0.13381294964028778, 'fraction_numerical': 0.02877697841726619, 'mean_word_length': 4.171003717472119, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3556096', 'n_tokens_mistral': 471, 'n_tokens_neox': 435, 'n_words': 159}