Getting your Trinity Audio player ready...

Hybrid vehicles have come a long way since the first rolled off the assembly line. Not all of them are created equal. Here is a breakdown of five recently redesigned hybrid vehicles.

Sources: The automakers, Cars.com and fueleconomy.gov

@ChiTribGraphics

http://graphics.chicagotribune.com/comparing-hybrid-cars/js/vendor.min.js

http://graphics.chicagotribune.com/comparing-hybrid-cars/js/app.min.js
var carData = [

{
id:”hyundai-sonata-hybrid-limited”,
car:”Hyundai Sonata Hybrid Limited”,
redesigned:2016,
mpg_city:39,
mpg_highway:43,
mpg_all:41,
horsepower:193,
cargo_vol:13.3,
passenger_vol:106,
weight:3560,
price:30100,
blurb:”Fold down rear seats, best warranty in class”
},

{
id:”ford-fusion-hybrid-titanium”,
car:”Ford Fusion Hybrid Titanium”,
redesigned:2013,
mpg_city:44,
mpg_highway:41,
mpg_all:42,
horsepower:188,
cargo_vol:12,
passenger_vol:103,
weight:3615,
price:31430,
blurb:”Still stylish on inside and out despite getting stale”
},

{
id:”honda-accord-hybrid-touring”,
car:”Honda Accord Hybrid Touring”,
redesigned:2014,
mpg_city:50,
mpg_highway:45,
mpg_all:47,
horsepower:195,
cargo_vol:12.3,
passenger_vol:101,
weight:3602,
price:35055,
blurb:”Best fuel economy expected to improve for 2017 model, but also priciest”
},

{
id:”chevy-malibu-hybrid-lt”,
car:”Chevy Malibu Hybrid LT”,
redesigned:2016,
mpg_city:47,
mpg_highway:46,
mpg_all:46,
horsepower:182,
cargo_vol:11.6,
passenger_vol:100,
weight:3457,
price:28645,
blurb:”Sharp redesign and best highway fuel economy”
},

{
id:”toyota-camry-hybrid-xle”,
car:”Toyota Camry Hybrid XLE”,
redesigned:2015,
mpg_city:40,
mpg_highway:38,
mpg_all:40,
horsepower:200,
cargo_vol:13.1,
passenger_vol:103,
weight:3565,
price:30140,
blurb:”Hybrid leader known for reliability and longevity”
}

];

var dataLabels = {

mpg_city:”mpg”,

mpg_highway:”mpg”,

mpg_all:”mpg”,

horsepower:”hp”,

cargo_vol:”cubic feet”,

passenger_vol:”cubic feet”,

weight:”lbs.”,

price:””

};

(function(document) {
var CSS = [
“//graphics.chicagotribune.com/comparing-hybrid-cars/css/styles.css”
];
CSS.forEach(function(url) {
var link = document.createElement(‘link’);
link.setAttribute(‘rel’, ‘stylesheet’);
link.setAttribute(‘href’, url);
document.head.appendChild(link);
});

window.onload = function(){

var hybridChart = new HybridChart.HybridChart({
data:carData,
container:’#chart-container’,
dataToShowFirst:’mpg_all’,
rootUrl:”http://graphics.chicagotribune.com/comparing-hybrid-cars”,
labels: dataLabels
});

var hybridButtons = new HybridChart.HybridButtons({
buttons:document.getElementsByClassName(‘chart-btn’),
chart:hybridChart
});

var hybridSelect = new HybridChart.HybridSelect({
menu:document.getElementsByClassName(‘hybrid-select’),
chart:hybridChart
});

window.onresize = function(){
document.querySelector(“.chart-btn.active”).click();
}
/* document.querySelector(“.chart-btn[data-target='” + hybridChart.options.dataToShowFirst + “‘]”).click();*/

}

})(document);