A block bar chart about changes to the gender and racial diversity in the Cabinet members of U.S.A. over time (per each president). This example covers transformation strategies for transpose, tooltips, and nondata elements. Further descriptions are available in Kim et al. (2021). For demonstration purpose, we did not include images.
Desktop view
Design specification View
{"name": "us-cabinet-entire","layout": {"width": 1050,"height": 480,"composition": "single","column": [{// first column element (nominal columns) "field": "inner","type": "nominal","sort": {"order": [true,false]}},{// second column element (position) "field": "position_num","type": "ordinal","scale": {"range": [0,512]}}],"row": [{"field": "president","type": "nominal","sort": {"order": [// manual ordering of nominal rows "Donald J. Trump","Barack Obama","George W. Bush","Bill Clinton","George Bush","Ronald Reagan"]}}]},"layer": [{"mark": {// rectangle marks "type": "rect","stroke": {// static stroke value (white) "value": "white"},"color": {// nominal color encoding "field": "cat","type": "nominal","scale": {// manual scale setting "domain": ["female_non-white","female_white","male_non-white","male_white"],"range": ["#af47ff","#c59ae6","#b3ba8f","#e0e0e0"]}}},"text": [{"type": "on-axis",// axis labels "field": "president","anchor": "start","serial": true,"items": [{"align": "left","fontSize": 16,"fontWeight": 700}]}],"tooltip": {// tooltip, an image is provided "visibility": "on-mark","fields": [{"field": "name"},{"field": "position"}]}}],"title": {"width": 700,"align": "center","items": [{"text": "The first cabinets of each president","align": "center","fontSize": 16,"fontWeight": 700,"offset": 20}]},"nondata": {"items": [{"type": "text",// informational text for reading axis "width": 460,"x": 370,"y": 42,"dx": "-50%","text": [{"text": "CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION","fontColor": "#999999","align": "center","fontSize": 13}]},{"type": "text",// informational text for the first column "width": 120,"x": 160,"y": 0,"dx": "-50%","text": [{"text": "INNER CABINET","fontColor": "#999999","align": "center","fontSize": 13}]},{"type": "mark",// informational mark for reading axis "width": 13,"height": 13,"x": 605,"y": 39,"dx": "-50%","name": "arrow","mark": {"icon": "arrow-right","fill": "#999999"}},{"type": "mark",// informational mark for the first column "width": 186,"height": 18,"x": 160,"y": 15,"dx": "-50%","name": "range_1","mark": {"image": "image/arm_range_1.png"}},{// informational text for the second column "type": "text","width": 300,"x": 670,"y": 0,"dx": "-50%","text": [{"text": "NOT IN PRESIDENTIAL SUCCESSION","fontColor": "#999999","fontSize": 13}]},{// informational mark for the second column "type": "mark","width": 186,"height": 18,"x": 670,"y": 15,"dx": "-50%","name": "range_2","mark": {"image": "image/arm_range_1.png"}}]},"data": [// dataset for the visualization {"name": "Mike Pence","position": "Vice President","position_num": 1,"id": 64,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-64.png"},{"name": "Rex W. Tillerson","position": "Secretary of State","position_num": 2,"id": 65,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-65.png"},{"name": "Steven Mnuchin","position": "Secretary of the Treasury","position_num": 3,"id": 66,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-66.png"},{"name": "James N. Mattis","position": "Secretary of Defense","position_num": 4,"id": 67,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-67.png"},{"name": "Jeff Sessions","position": "Attorney General","position_num": 5,"id": 68,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-68.png"},{"name": "Ryan Zinke","position": "Secretary of the Interior","position_num": 6,"id": 69,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-69.png"},{"name": "Sonny Perdue","position": "Secretary of Agriculture","position_num": 7,"id": 120,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-120.png"},{"name": "Wilbur Ross","position": "Secretary of Commerce","position_num": 8,"id": 70,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-70.png"},{"name": "R. Alexander Acosta","position": "Secretary of Labor","position_num": 9,"id": 71,"gender": "male","race": "non-white","cat": "male_non-white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-71.png"},{"name": "Tom Price","position": "Secretary of Health and Human Services","position_num": 10,"id": 72,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-72.png"},{"name": "Ben Carson","position": "Secretary of Housing and Urban Development","position_num": 11,"id": 73,"gender": "male","race": "non-white","cat": "male_non-white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-73.png"},{"name": "Elaine L. Chao","position": "Secretary of Transportation","position_num": 12,"id": 23,"gender": "female","race": "non-white","cat": "female_non-white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-23.png"},{"name": "Rick Perry","position": "Secretary of Energy","position_num": 13,"id": 74,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-74.png"},{"name": "Betsy DeVos","position": "Secretary of Education","position_num": 14,"id": 75,"gender": "female","race": "white","cat": "female_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-75.png"},{"name": "David J. Shulkin","position": "Secretary of Veterans Affairs","position_num": 15,"id": 46,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-46.png"},{"name": "John F. Kelly","position": "Secretary of Homeland Security","position_num": 16,"id": 76,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": true,"image": "/image/us-cabinet-76.png"},{"name": "Reince Preibus","position": "Chief of Staff","position_num": 1,"id": 77,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-77.png"},{"name": "Robert Lighthizer","position": "United States Trade Representative","position_num": 2,"id": 114,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-114.png"},{"name": "Dan Coats","position": "Director of National Intelligence","position_num": 3,"id": 121,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-121.png"},{"name": "Nikki R. Haley","position": "United Nations Ambassador","position_num": 4,"id": 80,"gender": "female","race": "non-white","cat": "female_non-white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-80.png"},{"name": "Mick Mulvaney","position": "Director of the Office of Management and Budget","position_num": 5,"id": 79,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-79.png"},{"name": "Mike Pompeo","position": "Director of the Central Intelligence Agency","position_num": 6,"id": 122,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-122.png"},{"name": "Scott Pruitt","position": "Environmental Protection Agency Administrator","position_num": 7,"id": 78,"gender": "male","race": "white","cat": "male_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-78.png"},{"name": "Linda E. McMahon","position": "Administrator of the Small Business Administration","position_num": 8,"id": 81,"gender": "female","race": "white","cat": "female_white","president": "Donald J. Trump","inner": false,"image": "/image/us-cabinet-81.png"},{"name": "Joseph R. Biden Jr.","position": "Vice President","position_num": 1,"id": 2,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-2.png"},{"name": "Hillary Clinton","position": "Secretary of State","position_num": 2,"id": 4,"gender": "female","race": "white","cat": "female_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-4.png"},{"name": "Timothy F. Geithner","position": "Secretary of the Treasury","position_num": 3,"id": 6,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-6.png"},{"name": "Robert M. Gates","position": "Secretary of Defense","position_num": 4,"id": 9,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-9.png"},{"name": "Eric H. Holder Jr.","position": "Attorney General","position_num": 5,"id": 11,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-11.png"},{"name": "Ken Salazar","position": "Secretary of the Interior","position_num": 6,"id": 14,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-14.png"},{"name": "Tom Vilsack","position": "Secretary of Agriculture","position_num": 7,"id": 16,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-16.png"},{"name": "Gary Locke","position": "Secretary of Commerce","position_num": 8,"id": 19,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-19.png"},{"name": "Hilda L. Solis","position": "Secretary of Labor","position_num": 9,"id": 22,"gender": "female","race": "non-white","cat": "female_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-22.png"},{"name": "Kathleen Sebelius","position": "Secretary of Health and Human Services","position_num": 10,"id": 25,"gender": "female","race": "white","cat": "female_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-25.png"},{"name": "Shaun Donovan","position": "Secretary of Housing and Urban Development","position_num": 11,"id": 28,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-28.png"},{"name": "Ray H. LaHood","position": "Secretary of Transportation","position_num": 12,"id": 31,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-31.png"},{"name": "Steven Chu","position": "Secretary of Energy","position_num": 13,"id": 36,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-36.png"},{"name": "Arne Duncan","position": "Secretary of Education","position_num": 14,"id": 39,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-39.png"},{"name": "Eric K. Shinseki","position": "Secretary of Veterans Affairs","position_num": 15,"id": 42,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-42.png"},{"name": "Janet Napolitano","position": "Secretary of Homeland Security","position_num": 16,"id": 45,"gender": "female","race": "white","cat": "female_white","president": "Barack Obama","inner": true,"image": "/image/us-cabinet-45.png"},{"name": "Rahm Emanuel","position": "Chief of Staff","position_num": 1,"id": 47,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": false,"image": "/image/us-cabinet-47.png"},{"name": "Lisa P. Jackson","position": "Environmental Protection Agency Administrator","position_num": 2,"id": 50,"gender": "female","race": "non-white","cat": "female_non-white","president": "Barack Obama","inner": false,"image": "/image/us-cabinet-50.png"},{"name": "Peter R. Orszag","position": "Director of the Office of Management and Budget","position_num": 3,"id": 53,"gender": "male","race": "white","cat": "male_white","president": "Barack Obama","inner": false,"image": "/image/us-cabinet-53.png"},{"name": "Ronald Kirk","position": "United States Trade Representative","position_num": 4,"id": 56,"gender": "male","race": "non-white","cat": "male_non-white","president": "Barack Obama","inner": false,"image": "/image/us-cabinet-56.png"},{"name": "Susan E. Rice","position": "United Nations Ambassador","position_num": 5,"id": 59,"gender": "female","race": "non-white","cat": "female_non-white","president": "Barack Obama","inner": false,"image": "/image/us-cabinet-59.png"},{"name": "Christina D. Romer","position": "Chair of the Council of Economic Advisers","position_num": 6,"id": 61,"gender": "female","race": "white","cat": "female_white","president": "Barack Obama","inner": false,"image": "/image/us-cabinet-61.png"},{"name": "Dick Cheney","position": "Vice President","position_num": 1,"id": 3,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-3.png"},{"name": "Colin L. Powell","position": "Secretary of State","position_num": 2,"id": 35,"gender": "male","race": "non-white","cat": "male_non-white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-35.png"},{"name": "Paul H. ONeill","position": "Secretary of the Treasury","position_num": 3,"id": 7,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-7.png"},{"name": "Donald H. Rumsfeld","position": "Secretary of Defense","position_num": 4,"id": 10,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-10.png"},{"name": "John D. Ashcroft","position": "Attorney General","position_num": 5,"id": 12,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-12.png"},{"name": "Gale A. Norton","position": "Secretary of the Interior","position_num": 6,"id": 1,"gender": "female","race": "white","cat": "female_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-1.png"},{"name": "Ann M. Veneman","position": "Secretary of Agriculture","position_num": 7,"id": 17,"gender": "female","race": "white","cat": "female_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-17.png"},{"name": "Donald L. Evans","position": "Secretary of Commerce","position_num": 8,"id": 20,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-20.png"},{"name": "Elaine L. Chao","position": "Secretary of Labor","position_num": 9,"id": 23,"gender": "female","race": "non-white","cat": "female_non-white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-23.png"},{"name": "Tommy G. Thompson ","position": "Secretary of Health and Human Services","position_num": 10,"id": 26,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-26.png"},{"name": "Mel Martinez","position": "Secretary of Housing and Urban Development","position_num": 11,"id": 29,"gender": "male","race": "non-white","cat": "male_non-white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-29.png"},{"name": "Norman Y. Mineta","position": "Secretary of Transportation","position_num": 12,"id": 32,"gender": "male","race": "non-white","cat": "male_non-white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-32.png"},{"name": "Spencer Abraham","position": "Secretary of Energy","position_num": 13,"id": 37,"gender": "male","race": "non-white","cat": "male_non-white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-37.png"},{"name": "Rod Paige","position": "Secretary of Education","position_num": 14,"id": 40,"gender": "male","race": "non-white","cat": "male_non-white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-40.png"},{"name": "Anthony Principi","position": "Secretary of Veterans Affairs","position_num": 15,"id": 43,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": true,"image": "/image/us-cabinet-43.png"},{"name": "Andrew Card","position": "Chief of Staff","position_num": 1,"id": 48,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": false,"image": "/image/us-cabinet-48.png"},{"name": "Christine Todd Whitman","position": "Environmental Protection Agency Administrator","position_num": 2,"id": 51,"gender": "female","race": "white","cat": "female_white","president": "George W. Bush","inner": false,"image": "/image/us-cabinet-51.png"},{"name": "Mitchell E. Daniels Jr.","position": "Director of the Office of Management and Budget","position_num": 3,"id": 54,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": false,"image": "/image/us-cabinet-54.png"},{"name": "Robert B. Zoellick","position": "United States Trade Representative","position_num": 4,"id": 57,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": false,"image": "/image/us-cabinet-57.png"},{"name": "John P. Walters","position": "Director of the Office of National Drug Control Policy","position_num": 5,"id": 115,"gender": "male","race": "white","cat": "male_white","president": "George W. Bush","inner": false,"image": "/image/us-cabinet-115.png"},{"name": "Al Gore","position": "Vice President","position_num": 1,"id": 34,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-34.png"},{"name": "Warren M. Christopher","position": "Secretary of State","position_num": 2,"id": 5,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-5.png"},{"name": "Lloyd M. Bentsen","position": "Secretary of the Treasury","position_num": 3,"id": 8,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-8.png"},{"name": "Les Aspin","position": "Secretary of Defense","position_num": 4,"id": 116,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-116.png"},{"name": "Janet Reno","position": "Attorney General","position_num": 5,"id": 13,"gender": "female","race": "white","cat": "female_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-13.png"},{"name": "Bruce Babbitt","position": "Secretary of the Interior","position_num": 6,"id": 15,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-15.png"},{"name": "Mike Espy","position": "Secretary of Agriculture","position_num": 7,"id": 18,"gender": "male","race": "non-white","cat": "male_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-18.png"},{"name": "Ronald H. Brown","position": "Secretary of Commerce","position_num": 8,"id": 21,"gender": "male","race": "non-white","cat": "male_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-21.png"},{"name": "Robert B. Reich","position": "Secretary of Labor","position_num": 9,"id": 24,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-24.png"},{"name": "Donna Shalala","position": "Secretary of Health and Human Services","position_num": 10,"id": 27,"gender": "female","race": "non-white","cat": "female_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-27.png"},{"name": "Henry G. Cisneros","position": "Secretary of Housing and Urban Development","position_num": 11,"id": 30,"gender": "male","race": "non-white","cat": "male_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-30.png"},{"name": "Federico Peña","position": "Secretary of Transportation","position_num": 12,"id": 33,"gender": "male","race": "non-white","cat": "male_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-33.png"},{"name": "Hazel R. OLeary","position": "Secretary of Energy","position_num": 13,"id": 38,"gender": "female","race": "non-white","cat": "female_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-38.png"},{"name": "Richard Riley","position": "Secretary of Education","position_num": 14,"id": 41,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-41.png"},{"name": "Jesse Brown","position": "Secretary of Veterans Affairs","position_num": 15,"id": 44,"gender": "male","race": "non-white","cat": "male_non-white","president": "Bill Clinton","inner": true,"image": "/image/us-cabinet-44.png"},{"name": "Thomas F. McLarty III","position": "Chief of Staff","position_num": 1,"id": 49,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-49.png"},{"name": "Carol M. Browner","position": "Environmental Protection Agency Administrator","position_num": 2,"id": 52,"gender": "female","race": "white","cat": "female_white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-52.png"},{"name": "Leon E. Panetta","position": "Director of the Office of Management and Budget","position_num": 3,"id": 55,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-55.png"},{"name": "Mickey Kantor","position": "United States Trade Representative","position_num": 4,"id": 58,"gender": "male","race": "white","cat": "male_white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-58.png"},{"name": "Madeleine K. Albright","position": "United Nations Ambassador","position_num": 5,"id": 60,"gender": "female","race": "white","cat": "female_white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-60.png"},{"name": "Laura D’Andrea Tyson","position": "Chair of the Council of Economic Advisers","position_num": 6,"id": 62,"gender": "female","race": "white","cat": "female_white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-62.png"},{"name": "Lee P. Brown","position": "Director of the Office of National Drug Control Policy","position_num": 7,"id": 117,"gender": "male","race": "non-white","cat": "male_non-white","president": "Bill Clinton","inner": false,"image": "/image/us-cabinet-117.png"},{"name": "Dan Quayle","position": "Vice President","position_num": 1,"id": 82,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-82.png"},{"name": "James A. Baker ","position": "Secretary of State","position_num": 2,"id": 83,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-83.png"},{"name": "Nicholas F. Brady","position": "Secretary of the Treasury","position_num": 3,"id": 84,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-84.png"},{"name": "Dick Cheney","position": "Secretary of Defense","position_num": 4,"id": 85,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-85.png"},{"name": "Dick Thornburgh","position": "Attorney General","position_num": 5,"id": 86,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-86.png"},{"name": "Manuel Lujan Jr.","position": "Secretary of the Interior","position_num": 6,"id": 87,"gender": "male","race": "non-white","cat": "male_non-white","president": "George Bush","inner": true,"image": "/image/us-cabinet-87.png"},{"name": "Clayton Yeutter","position": "Secretary of Agriculture","position_num": 7,"id": 88,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-88.png"},{"name": "Robert A. Mosbacher","position": "Secretary of Commerce","position_num": 8,"id": 89,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-89.png"},{"name": "Elizabeth H. Dole","position": "Secretary of Labor","position_num": 9,"id": 90,"gender": "female","race": "white","cat": "female_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-90.png"},{"name": "Dr. Louis W. Sullivan","position": "Secretary of Health and Human Services","position_num": 10,"id": 91,"gender": "male","race": "non-white","cat": "male_non-white","president": "George Bush","inner": true,"image": "/image/us-cabinet-91.png"},{"name": "Jack F. Kemp","position": "Secretary of Housing and Urban Development","position_num": 11,"id": 92,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-92.png"},{"name": "Samuel K. Skinner","position": "Secretary of Transportation","position_num": 12,"id": 93,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-93.png"},{"name": "James D. Watkins","position": "Secretary of Energy","position_num": 13,"id": 94,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-94.png"},{"name": "Lauro F. Cavazos ","position": "Secretary of Education","position_num": 14,"id": 63,"gender": "male","race": "non-white","cat": "male_non-white","president": "George Bush","inner": true,"image": "/image/us-cabinet-63.png"},{"name": "Edward J. Derwinski","position": "Secretary of Veterans Affairs","position_num": 15,"id": 95,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": true,"image": "/image/us-cabinet-95.png"},{"name": "Richard G. Darman","position": "Director of the Office of Management and Budget","position_num": 1,"id": 96,"gender": "male","race": "white","cat": "male_white","president": "George Bush","inner": false,"image": "/image/us-cabinet-96.png"},{"name": "Carla A. Hills","position": "United States Trade Representative","position_num": 2,"id": 97,"gender": "female","race": "white","cat": "female_white","president": "George Bush","inner": false,"image": "/image/us-cabinet-97.png"},{"name": "George H. W. Bush","position": "Vice President","position_num": 1,"id": 100,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-100.png"},{"name": "Alexander M. Haig Jr.","position": "Secretary of State","position_num": 2,"id": 101,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-101.png"},{"name": "Donald T. Regan","position": "Secretary of the Treasury","position_num": 3,"id": 102,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-102.png"},{"name": "Caspar W. Weinberger","position": "Secretary of Defense","position_num": 4,"id": 103,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-103.png"},{"name": "William French Smith","position": "Attorney General","position_num": 5,"id": 104,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-104.png"},{"name": "James G. Watt","position": "Secretary of the Interior","position_num": 6,"id": 105,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-105.png"},{"name": "John Block","position": "Secretary of Agriculture","position_num": 7,"id": 63,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-63.png"},{"name": "Malcolm Baldrige","position": "Secretary of Commerce","position_num": 8,"id": 118,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-118.png"},{"name": "Raymond J. Donovan","position": "Secretary of Labor","position_num": 9,"id": 106,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-106.png"},{"name": "Richard S. Schweiker","position": "Secretary of Health and Human Services","position_num": 10,"id": 107,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-107.png"},{"name": "Samuel R. Pierce Jr.","position": "Secretary of Housing and Urban Development","position_num": 11,"id": 108,"gender": "male","race": "non-white","cat": "male_non-white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-108.png"},{"name": "Drew Lewis","position": "Secretary of Transportation","position_num": 12,"id": 109,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-109.png"},{"name": "James B. Edwards","position": "Secretary of Energy","position_num": 13,"id": 110,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-110.png"},{"name": "Terrel H. Bell","position": "Secretary of Education","position_num": 14,"id": 63,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": true,"image": "/image/us-cabinet-63.png"},{"name": "David A. Stockman","position": "Director of the Office of Management and Budget","position_num": 1,"id": 111,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": false,"image": "/image/us-cabinet-111.png"},{"name": "Bill Brock","position": "United States Trade Representative","position_num": 2,"id": 112,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": false,"image": "/image/us-cabinet-112.png"},{"name": "Jeane J. Kirkpatrick","position": "United Nations Ambassador","position_num": 3,"id": 113,"gender": "female","race": "white","cat": "female_white","president": "Ronald Reagan","inner": false,"image": "/image/us-cabinet-113.png"},{"name": "William J. Casey","position": "Director of Central Intelligence","position_num": 4,"id": 63,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": false,"image": "/image/us-cabinet-63.png"},{"name": "Edwin Meese III","position": "Counselor to the President","position_num": 5,"id": 119,"gender": "male","race": "white","cat": "male_white","president": "Ronald Reagan","inner": false,"image": "/image/us-cabinet-119.png"}],"metadata": {"rect": {"discreteBandSize": 35}}}
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Donald J. Trump
Barack Obama
George W. Bush
Bill Clinton
George Bush
Ronald Reagan
Tooltip demonstration
Cicero Specification
Below, we provide one transformation rule at a time, and show the intermediate result on the side.
Specification
{"$schema": "../cicero.json","name": "us-cabinet-entire-mobile","description": "This is a Cicero specification for 'US Cabinet (Entire)' visualization from desktop to mobile.","metadata": {"condition": "small"},"transformations": [...]}
View
Rules: Resize the chart and transpose the axis
Resize the chart
{"description": "Resize the chart.","specifier": {"role": "view"},"action": "modify","option": {"width": 375,"height": 800}}
Transpose axes
{"description": "Transpose axes","specifier": {"role": "view"},"action": "transpose"}
The default behavior of our Vega-Lite extension is to set the orient of axis (direction of vertical bars) to be from bottom to top. So, it needs to be adjusted.
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Donald J. Trump
Barack Obama
George W. Bush
Bill Clinton
George Bush
Ronald Reagan
Rules: Reposition and modify axis
Reposition the axis
{"description": "Reposition the horizontal axis","specifier": {"role": "hAxis",//Alternative "role": "axis","field": "president"},"action": "reposition","option": {"orient": "top",// assign new axis orientation "offset": 15}}
Modify the labels
{"description": "Modify the horizontal axis labels","specifier": {"role": "hAxis",//Alternative "role": "axis","field": "president"},"action": "modify","option": {"label": {// cancel serialization of its labels (role as keyword) "align": "center","serial": false,"width": 70}}}
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Donald J. Trump
Barack Obama
George W. Bush
Bill Clinton
George Bush
Ronald Reagan
Rule: Fix/externalize tooltip position (see the demonstration image)
{"description": "Fix/externalize tooltip position","specifier": {"role": "tooltip"},"action": "reposition","option": {"external": true,"fixed": true,"position": "bottom"}}
View
Animated demonstration for fixing the tooltip at the bottom of the screen.
Rule: Modify the axis labels
{"comment": "Modify the axis labels","specifier": {"role": "hAxis.label"},"action": "modify","option": {"expression": "(datum.value.split(' ').slice(1).join(' '))"}},
"Donald J. Trump" becomes "J. Trump" (in the original article it is converted to "Trump").
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
J. Trump
Obama
W. Bush
Clinton
Bush
Reagan
Rule: Replace axis labels ("J. Trump" to "Trump")
{"comment": "Replace the axis label text","specifier": {"role": "hAxis.label"},"action": "replace","option": {"text": [{"from": "J. Trump","to": "Trump"}]}}
Alternative rule for replacing axis labels
{"comment": "Replace the on-axis labels","specifier": {"role": "hAxis.label"},"action": "replace","option": {"text": [{"from": "Donald J. Trump","to": "Trump"},{"from": "Barack Obama","to": "Obama"},{"from": "George W. Bush","to": "W. Bush"},{"from": "Bill Clinton","to": "Clinton"},{"from": "George Bush","to": "Bush"},{"from": "Ronald Reagan","to": "Reagan"}]}}
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Trump
Obama
W. Bush
Clinton
Bush
Reagan
Rule: Externalize an annotation as a title (replacing the role)
{"description": "Externalize an annotation as a title","specifier": {"role": "annotation","text": "CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION"// text query },"action": "replace","option": {'"to": {// "to" keyword ignores the specifier's role "role": "title","width": null// set the width of element as default }}}
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Trump
Obama
W. Bush
Clinton
Bush
Reagan
Rules: Modify nondata annotations
Reposition and resize an annotation
{"comment": "Reposition and resize an annotation","specifier": {"role": "annotation","text": "INNER CABINET"},"action": "modify","option": {"x": -25,"y": 150,"width": 45,"fontSize": 10}}
Reposition and re-align an annotation
{"comment": "Reposition and re-align an annotation","specifier": {"role": "annotation","text": "NOT IN PRESIDENTIAL SUCCESSION"},"action": "modify","option": {"x": 26,"y": 565,"align": "left","dx": 0}}
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Trump
Obama
W. Bush
Clinton
Bush
Reagan
Rules: Remove two informational marks and reposition another
Remove two informational marks by their
identifier
{"description": "Remove two informational marks","specifier": {"role": "emphasis","id": [// query by their identifier (or name)"arrow","range_2"]},"action": "remove"}
Reposition and rotate an emphasis
{"comment": "Reposition and rotate an emphasis","specifier": {"role": "emphasis","id": "range_1"},"action": "modify","option": {"x": 5,"y": 150,"angle": -90}}
View
The first cabinets of each president
CABINET MEMBERS LISTED IN ORDER OF PRESIDENTIAL SUCCESSION
INNER CABINET
NOT IN PRESIDENTIAL SUCCESSION
Trump
Obama
W. Bush
Clinton
Bush
Reagan