<commit_before>//**************************************************************************************************
// CASS UI Framework Explorer D3 Utility Functions
//**************************************************************************************************

// TODO fix zooming behavior when clicking on text instead of circle

//**************************************************************************************************
// Constants

const EXP_CIRCLE_PACK = "#explorerCirclePack";
const EXP_CIRCLE_PACK_PADDING = 10;
const EXP_CIRCLE_TEXT_LIMIT = 22;
const EXP_CIRCLE_CLASS_PREFIX = "exp_cg_c_";

// Orange = Frameworks
//.range(["rgba(206, 108, 24,0)", "rgba(206, 108, 24,1)"])

// Blue = Competencies & Profile
//.range(["rgba(19,116,153,0)", "rgba(19,116,153,1)"])

// Green
//.range(["rgba(156, 213, 92,0)", "rgba(156, 213, 92,1)"])


/*******************************************************
 Each color section has a 0 - 3 range,
 represented by -1 - 2 in the functions which update. 0 is the background,
 the three other colors cycle through depending on deptch.
 ********************************************************/
/* burgendy pallette contrast reduced 35% */
const BURGENDY_RANGE_0 = "rgba(179,106,121,0)";
const BURGENDY_RANGE_2 = "rgba(151,83,95,1)";
const BURGENDY_RANGE_3 = "rgba(168,128,132,1)";
const BURGENDY_RANGE_1 = "rgba(102,42,54,1)";

/* teal pallette contrast reduced 35% */
const TEAL_RANGE_0 = "rgba(76,193,187,0)";
const TEAL_RANGE_2 = "rgba(58,138,132,1)";
const TEAL_RANGE_3 = "rgba(101,147,148,1)";
const TEAL_RANGE_1 = "rgba(20,63,60,1)";

/* blue pallette, contrast reduced 35% */
const BLUE_RANGE_0 = "rgba(19,109,145, 0)";
const BLUE_RANGE_2 = "rgba(19,109,145, 1)";
const BLUE_RANGE_3 = "rgba(149,190,210, 1)";
const BLUE_RANGE_1 = "rgba(13,78,103,1)"

/* blue pallette, contrast reduced 35% */
const ORANGE_RANGE_0 = "rgba(219,143,98,0)";
const ORANGE_RANGE_2 = "rgba(219,143,98, 1)";
const ORANGE_RANGE_3 = "rgba(227,174,140,1)";
const ORANGE_RANGE_1 = "rgba(199,96,40,1)";

//**************************************************************************************************
// Variables

var competencySearchAutoCompleteMap;

var expSvg = d3.select(EXP_CIRCLE_PACK);
var expCgMargin = 20;
var expCgDiameter = +expSvg.attr("width");
var expCirclePackGraph =   expSvg;

expCirclePackGraph.append("g").attr("transform", "translate(" + expCgDiameter / 2 + "," + expCgDiameter / 2 + ")");
expCirclePackGraph.append("defs");
<commit_msg>Reduced screen-side-to-zoom margin so we can read all the text.<commit_after>//**************************************************************************************************
// CASS UI Framework Explorer D3 Utility Functions
//**************************************************************************************************

// TODO fix zooming behavior when clicking on text instead of circle

//**************************************************************************************************
// Constants

const EXP_CIRCLE_PACK = "#explorerCirclePack";
const EXP_CIRCLE_PACK_PADDING = 10;
const EXP_CIRCLE_TEXT_LIMIT = 22;
const EXP_CIRCLE_CLASS_PREFIX = "exp_cg_c_";

// Orange = Frameworks
//.range(["rgba(206, 108, 24,0)", "rgba(206, 108, 24,1)"])

// Blue = Competencies & Profile
//.range(["rgba(19,116,153,0)", "rgba(19,116,153,1)"])

// Green
//.range(["rgba(156, 213, 92,0)", "rgba(156, 213, 92,1)"])


/*******************************************************
 Each color section has a 0 - 3 range,
 represented by -1 - 2 in the functions which update. 0 is the background,
 the three other colors cycle through depending on deptch.
 ********************************************************/
/* burgendy pallette contrast reduced 35% */
const BURGENDY_RANGE_0 = "rgba(179,106,121,0)";
const BURGENDY_RANGE_2 = "rgba(151,83,95,1)";
const BURGENDY_RANGE_3 = "rgba(168,128,132,1)";
const BURGENDY_RANGE_1 = "rgba(102,42,54,1)";

/* teal pallette contrast reduced 35% */
const TEAL_RANGE_0 = "rgba(76,193,187,0)";
const TEAL_RANGE_2 = "rgba(58,138,132,1)";
const TEAL_RANGE_3 = "rgba(101,147,148,1)";
const TEAL_RANGE_1 = "rgba(20,63,60,1)";

/* blue pallette, contrast reduced 35% */
const BLUE_RANGE_0 = "rgba(19,109,145, 0)";
const BLUE_RANGE_2 = "rgba(19,109,145, 1)";
const BLUE_RANGE_3 = "rgba(149,190,210, 1)";
const BLUE_RANGE_1 = "rgba(13,78,103,1)"

/* blue pallette, contrast reduced 35% */
const ORANGE_RANGE_0 = "rgba(219,143,98,0)";
const ORANGE_RANGE_2 = "rgba(219,143,98, 1)";
const ORANGE_RANGE_3 = "rgba(227,174,140,1)";
const ORANGE_RANGE_1 = "rgba(199,96,40,1)";

//**************************************************************************************************
// Variables

var competencySearchAutoCompleteMap;

var expSvg = d3.select(EXP_CIRCLE_PACK);
var expCgMargin = 5;
var expCgDiameter = +expSvg.attr("width");
var expCirclePackGraph =   expSvg;

expCirclePackGraph.append("g").attr("transform", "translate(" + expCgDiameter / 2 + "," + expCgDiameter / 2 + ")");
expCirclePackGraph.append("defs");

{'fraction_non_alphanumeric': 0.33234067897558073, 'fraction_numerical': 0.09350804050029779, 'mean_word_length': 7.022292993630574, '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': '7571887', 'n_tokens_mistral': 2026, 'n_tokens_neox': 1716, 'n_words': 361}